:root{color:#f8efd9;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--velvet-black:#100507;--velvet-shadow:#1a070c;--velvet-deep:#2a0912;--velvet:#5b1023;--velvet-bright:#8e1d38;--gold:#d8b66b;--gold-bright:#f3d899;--gold-dark:#7b5d2e;--ivory:#f8efd9;--ivory-muted:#cdbf9e;--ink:#160a0b;--danger:#ffb1ab;--focus:#ffe29e;background:#100507;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--velvet-black);min-width:18rem;min-height:100%}body{background:radial-gradient(circle at 50% 12%,#892d3a4d,#0000 31rem),linear-gradient(90deg,#000000a6,#0000 16% 84%,#000000a6),repeating-linear-gradient(92deg,#130609 0,#1d070d 10%,#100507 20%);min-height:100vh;margin:0;overflow-x:hidden}body:before,body:after{z-index:0;content:"";pointer-events:none;opacity:.88;background:linear-gradient(90deg,#000000d9,#0000 20%,#ffbeb714 48%,#0000 62%,#000000b8),repeating-linear-gradient(90deg,#310815 0 16%,#71162c 25%,#330914 42%);width:clamp(1.5rem,8vw,7rem);position:fixed;top:0;bottom:0;box-shadow:0 0 2.5rem #000}body:before{transform-origin:0 0;left:0;transform:skew(-1.5deg)}body:after{transform-origin:100% 0;right:0;transform:scaleX(-1)skew(-1.5deg)}button,input,textarea{font:inherit}button{border:1px solid var(--gold-dark);cursor:pointer;min-height:2.75rem;color:var(--ink);background:linear-gradient(180deg, var(--gold-bright), var(--gold));letter-spacing:.015em;border-radius:.3rem;padding:.62rem .9rem;font-weight:800;box-shadow:inset 0 1px #ffffff59,0 .2rem .65rem #00000040}button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.55}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}label{color:var(--gold-bright);letter-spacing:.11em;text-transform:uppercase;margin-top:.9rem;font-size:.76rem;font-weight:800;display:block}input,textarea{width:100%;min-height:2.8rem;color:var(--ivory);background:#090305d1;border:1px solid #d8b66b85;border-radius:.3rem;padding:.67rem .75rem;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #00000059}input::placeholder,textarea::placeholder{color:#9f9178}textarea{resize:vertical;min-height:4.8rem}form>button{margin-top:1rem}h1,h2,p{margin-top:0}h1,h2{text-wrap:balance;font-family:Georgia,Times New Roman,serif}h2{color:var(--ivory);margin-bottom:.75rem;font-size:clamp(1.55rem,2.8vw,2.15rem);line-height:1.05}.app{z-index:1;width:min(88rem,100% - clamp(2rem,12vw,10rem));min-height:100vh;margin:0 auto;padding:clamp(5.5rem,10vw,8.2rem) 0 3rem;position:relative}.stage-valance{z-index:-1;pointer-events:none;filter:drop-shadow(0 1.1rem 1.1rem #000000b8);width:calc(100vw - 1rem);height:clamp(4.2rem,8vw,6.8rem);display:flex;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.stage-valance:before{content:"";background:linear-gradient(#ffb5b821,#0000 35%),repeating-linear-gradient(90deg,#2c0712 0 8%,#7c1932 14%,#3c0a18 23%);position:absolute;inset:0}.stage-valance span{background:linear-gradient(90deg,#2d0712,#7c1932 50%,#2d0712);border-radius:0 0 50% 50%;flex:1;height:85%;position:relative;top:48%;box-shadow:inset 0 -.7rem 1rem #00000073}.app-header{background:linear-gradient(105deg,#22070df5,#4c0d1de0 50%,#180509f5),#2e0813;border:1px solid #b98c43;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.55rem;padding:clamp(1.35rem,3vw,2.2rem);display:flex;position:relative;box-shadow:inset 0 0 0 .3rem #1b070c,inset 0 0 0 .42rem #d8b66ba6,0 1.1rem 3rem #00000094}.app-header:before{content:"";pointer-events:none;border:1px dotted #ffde97a6;position:absolute;inset:.45rem}.marquee-title,.header-actions,.account{z-index:1;position:relative}.eyebrow,.panel-kicker{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.45rem;font-size:.69rem;font-weight:900}.app-header h1{color:#fff5d8;letter-spacing:-.045em;text-shadow:0 .06em #7c5e2e,0 .13em #1b070c,0 0 1.4rem #ffd27e38;margin-bottom:.28rem;font-size:clamp(2.7rem,7vw,5.3rem);font-weight:900;line-height:.82}.tagline{max-width:46rem;color:var(--ivory-muted);margin:.75rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(.98rem,2vw,1.16rem);font-style:italic}.header-actions{flex:none;justify-items:end;gap:.75rem;display:grid}.source-ticket{border:1px dashed var(--gold-dark);min-width:13rem;color:var(--ink);text-align:center;background:linear-gradient(135deg,#f0e1b9,#d7bd79);border-radius:.2rem;padding:.65rem 1.15rem;font-family:Georgia,Times New Roman,serif;font-weight:900;text-decoration:none;display:grid;position:relative;box-shadow:0 .35rem 1rem #00000059}.source-ticket:before,.source-ticket:after{content:"";background:#3f0b18;border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:50%;transform:translateY(-50%)}.source-ticket:before{left:-.34rem}.source-ticket:after{right:-.34rem}.source-ticket small{color:#694f28;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.12rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.57rem}.account{align-items:center;gap:.8rem;display:flex}.account-ticket{border:1px dashed var(--gold-dark);min-width:9rem;color:var(--ink);text-align:center;background:#ead9aa;padding:.6rem 1.1rem;font-family:Georgia,Times New Roman,serif;font-weight:800;display:grid;position:relative;box-shadow:0 .35rem 1rem #00000059}.account-ticket:before,.account-ticket:after{content:"";background:#3f0b18;border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:50%;transform:translateY(-50%)}.account-ticket:before{left:-.34rem}.account-ticket:after{right:-.34rem}.account-ticket small{color:#694f28;letter-spacing:.19em;text-transform:uppercase;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.57rem}.account button{color:var(--ivory);background:#0d0407bf}.alert{border:1px solid var(--gold-dark);border-left:.35rem solid var(--gold);color:var(--ivory);background:#351216eb;margin:0 0 1rem;padding:.85rem 1rem;box-shadow:0 .5rem 1.3rem #00000052}.alert.error{color:var(--danger);background:#420910f0;border-color:#b74b50}.panel{background:linear-gradient(135deg, #410d1bd1, #110508f5 44%), var(--velvet-shadow);border:1px solid #d8b66bb3;border-radius:.2rem;padding:clamp(1rem,2.3vw,1.55rem);position:relative;box-shadow:inset 0 0 0 1px #ffeabb12,0 1.15rem 2.8rem #00000080}.panel:before{content:"";pointer-events:none;border:1px solid #d8b66b29;position:absolute;inset:.3rem}.panel>*{position:relative}.narrow{max-width:34rem;margin:0 auto}.auth-stage{padding:clamp(1.5rem,4vw,2.5rem)}.auth-intro{max-width:29rem;color:var(--ivory-muted);line-height:1.55}.mode-switch{border-bottom:1px solid #d8b66b47;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.35rem 0 1rem;padding-bottom:1rem;display:grid}.mode-switch button{color:var(--ivory-muted);background:#0a0305bd}.mode-switch button[aria-pressed=true]{border-color:var(--gold-bright);color:var(--ink);background:linear-gradient(180deg, var(--gold-bright), var(--gold));box-shadow:0 0 1rem #e8c26f2e}.workspace{grid-template-columns:minmax(17rem,22rem) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.rooms{max-height:52rem;overflow-y:auto}.quiet-state{color:var(--ivory-muted);text-align:center;background:#0000002e;border:1px dashed #d8b66b61;margin:1rem 0 0;padding:1rem;font-family:Georgia,Times New Roman,serif;font-style:italic;line-height:1.45}.room-list,.message-list{margin:1.1rem 0 0;padding:0;list-style:none}.room-list{border-top:1px solid #d8b66b47}.room-list li{border-bottom:1px solid #d8b66b38}.room-button{width:100%;min-height:3.5rem;color:var(--ivory);box-shadow:none;text-align:left;background:0 0;border:0;border-left:.23rem solid #0000;border-radius:0;padding:.75rem}.room-button:before{color:var(--gold);content:"◈";margin-right:.45rem}.room-button[aria-current=true]{border-left-color:var(--gold-bright);color:#fff5da;background:linear-gradient(90deg,#8e1d388c,#4a101e29)}.room-button span{color:var(--ivory-muted);margin:.28rem 0 0 1.2rem;font-size:.84rem;font-weight:400;line-height:1.35;display:block}.channel-request-box,.channel-request-queue{border-top:1px solid #d8b66b4d;margin-top:1.25rem;padding-top:1.1rem}.channel-request-box h3,.channel-request-queue h3{color:var(--ivory);margin:0 0 .55rem;font-family:Georgia,Times New Roman,serif;font-size:1.18rem}.channel-request-intro,.channel-request-card>p{color:var(--ivory-muted);font-size:.88rem;line-height:1.45}.channel-request-error{color:var(--danger);margin:.8rem 0 0;font-size:.88rem;line-height:1.4}.channel-request-queue-heading,.channel-request-card-heading,.channel-request-actions{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.channel-request-queue-heading>span,.request-status{border:1px solid var(--gold-dark);color:var(--gold-bright);letter-spacing:.08em;text-transform:uppercase;background:#00000052;border-radius:999px;padding:.18rem .5rem;font-size:.68rem;font-weight:900}.request-status-approved{color:#d8f3c6}.request-status-rejected{color:var(--danger)}.channel-request-list{gap:.75rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.channel-request-card{border:1px solid #d8b66b59;border-left:.22rem solid var(--velvet-bright);background:linear-gradient(135deg,#5b102357,#00000040);padding:.8rem}.channel-request-card>p{margin:.55rem 0 0}.channel-request-card .channel-request-reason{color:var(--ivory)}.channel-request-meta,.channel-request-voted{font-size:.76rem!important}.channel-request-progress-label{margin-top:.75rem;font-size:.68rem}.channel-request-card progress{width:100%;height:.55rem;accent-color:var(--gold);border:0}.channel-request-actions{margin-top:.75rem}.channel-request-actions button{flex:1;min-height:2.6rem;padding:.45rem .6rem}.channel-request-actions .decline-button{color:var(--ivory);background:#360a12e6}.channel-request-voted{font-weight:800;color:var(--gold-bright)!important}.message-heading{border-bottom:1px solid #d8b66b47;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.message-heading h2{margin-bottom:.35rem}.message-heading p:not(.panel-kicker){color:var(--ivory-muted);margin-bottom:0}.room-view-tabs{background:#05020366;border:1px solid #d8b66b4d;border-radius:.35rem;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:1rem;padding:.3rem;display:inline-grid}.room-view-tabs button{min-height:2.45rem;color:var(--ivory-muted);box-shadow:none;background:0 0;border-color:#0000;padding:.45rem 1rem}.room-view-tabs button[aria-selected=true]{border-color:var(--gold);color:var(--ink);background:linear-gradient(180deg, var(--gold-bright), var(--gold))}.room-view-panel{min-width:0}.connection{color:var(--ivory-muted);letter-spacing:.05em;white-space:nowrap;text-transform:uppercase;background:#00000047;border:1px solid #d8b66b61;border-radius:99rem;align-items:center;gap:.45rem;padding:.4rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.connection>span{background:#8c7e69;border-radius:50%;width:.48rem;height:.48rem;box-shadow:0 0 .5rem}.connection-connected{color:#b9e6b1}.connection-connected>span{background:#79d878;animation:2.4s ease-in-out infinite housePulse}.connection-connecting{color:#ffe09a}.connection-connecting>span{background:#e5bc5b}.connection-disconnected{color:#f2aaa5}.connection-disconnected>span{background:#c75a59}.message-list{scroll-behavior:smooth;max-height:34rem;overflow-y:auto}.message-list li{border-bottom:1px solid #d8b66b2e;padding:.9rem .35rem .95rem .9rem;position:relative}.message-list li:before{content:"";background:var(--velvet-bright);border-radius:1rem;width:.16rem;position:absolute;top:1rem;bottom:1rem;left:0}.message-list li>div{justify-content:space-between;gap:1rem;display:flex}.message-list strong{color:var(--gold-bright)}.message-list time{color:#a8997c;white-space:nowrap;font-size:.76rem}.message-list p{color:var(--ivory);overflow-wrap:anywhere;white-space:pre-wrap;margin:.4rem 0 0;line-height:1.52}.message-emoji{object-fit:contain;vertical-align:middle;width:1.65em;height:1.65em;margin:-.18em .08em;display:inline-block}.composer{border-top:1px solid #d8b66b47;margin-top:1.05rem;padding-top:.2rem;position:relative}.composer-label{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.composer-label span{color:#a8997c;font-size:.72rem}.composer-row{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:.5rem;display:grid}.message-form{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;min-width:0;display:grid}.message-form>button{margin-top:0}.reaction-control{position:relative}.reaction-toggle{height:100%;min-height:2.8rem;color:var(--ivory);background:#450d1bdb;align-items:center;gap:.4rem;display:inline-flex}.reaction-toggle>span:first-child{font-size:1.1rem}.reaction-picker{z-index:20;border:1px solid var(--gold);background:linear-gradient(145deg,#530f20fa,#120509fe 44%),#18070b;border-radius:.35rem;width:min(36rem,100vw - 5rem);max-height:min(30rem,65vh);padding:.7rem;position:absolute;bottom:calc(100% + .65rem);left:0;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffe7b31f,0 1.5rem 3.5rem #000000bf}.reaction-picker-heading{border-bottom:1px solid #d8b66b4d;justify-content:space-between;align-items:center;gap:1rem;padding:.25rem .25rem .65rem;display:flex}.reaction-picker-heading strong,.reaction-picker-heading span{display:block}.reaction-picker-heading strong{color:var(--gold-bright);font-family:Georgia,Times New Roman,serif;font-size:1.05rem}.reaction-picker-heading span{color:var(--ivory-muted);margin-top:.12rem;font-size:.72rem}.reaction-close{min-width:2.75rem;color:var(--ivory);box-shadow:none;background:#00000059;padding:.2rem;font-size:1.4rem;line-height:1}.reaction-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.38rem;margin-top:.65rem;display:grid}.reaction-grid button{min-width:0;min-height:4.2rem;color:var(--ivory-muted);box-shadow:none;background:#0f0407ad;place-items:center;padding:.38rem .2rem;display:grid}.reaction-grid button>span{font-size:1.35rem;line-height:1.2}.reaction-grid small{text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:.2rem;font-size:.58rem;font-weight:700;line-height:1.15;overflow:hidden}.reaction-section-title{color:var(--gold-bright);letter-spacing:.15em;text-transform:uppercase;margin:.8rem 0 .45rem;font-size:.66rem;font-weight:900}.custom-reactions{border-top:1px solid #d8b66b42;margin-top:.8rem}.reaction-note,.reaction-error{color:var(--ivory-muted);background:#0003;border:1px dashed #d8b66b4d;margin:.45rem 0 0;padding:.65rem;font-size:.78rem;line-height:1.4}.reaction-error{color:var(--danger);border-color:#ff8484b3}.custom-reaction-grid img{object-fit:contain;width:1.75rem;height:1.75rem}.emoji-upload{border-top:1px solid #d8b66b42;margin-top:.85rem;padding-top:.15rem}.emoji-upload-fields{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.emoji-upload label{margin-top:.55rem;font-size:.62rem}.emoji-upload input{margin-top:.3rem}.emoji-upload input[type=file]{min-height:0;padding:.5rem;font-size:.75rem}.emoji-upload>button{width:100%;margin-top:.65rem}.send-button{min-width:5rem}.canvas-panel{border-top:1px solid #d8b66b47;margin-top:1rem;padding-top:1rem}.canvas-toolbar{background:#08020475;border:1px solid #d8b66b59;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;margin-bottom:.8rem;padding:.7rem;display:flex}.canvas-tool-buttons{gap:.4rem;display:flex}.canvas-tool-buttons button{min-height:2.45rem;color:var(--ivory-muted);box-shadow:none;background:#4d0e1db8}.canvas-tool-buttons button[aria-pressed=true]{border-color:var(--gold-bright);color:var(--ink);background:linear-gradient(180deg, var(--gold-bright), var(--gold))}.canvas-control{color:var(--gold-bright);white-space:nowrap;align-items:center;gap:.5rem;margin:0;display:flex}.canvas-control input{margin:0}.canvas-control input[type=color]{cursor:pointer;width:3rem;min-height:2.45rem;padding:.2rem}.canvas-width{flex:14rem}.canvas-width input[type=range]{min-width:7rem;min-height:2rem}.canvas-width output{min-width:2.8rem;color:var(--ivory-muted);text-align:right;font-size:.72rem}.canvas-frame{background:linear-gradient(135deg, #8f6c36, var(--gold-bright) 48%, #6c4d24);border:.45rem solid #16070a;border-radius:.2rem;padding:clamp(.45rem,1.2vw,.8rem);position:relative;box-shadow:inset 0 0 0 1px #fff5d17a,0 1.2rem 2.8rem #0000009e,0 0 2.5rem #f4db9a1a}.canvas-frame:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(#ffeec521,#0000 68%);position:absolute;inset:-1rem}.shared-canvas{aspect-ratio:4/3;cursor:crosshair;touch-action:none;background:radial-gradient(at 50% 42%,#fffbe1f2,#ddd5b8f2 72%),#e5ddc3;border:1px solid #1b0f0ee0;border-radius:.08rem;width:100%;display:block;box-shadow:inset 0 0 2rem #412d2638}.canvas-frame[data-disabled=true] .shared-canvas{cursor:not-allowed;filter:grayscale(.3)brightness(.72)}.canvas-meta{grid-template-columns:minmax(0,1.3fr) minmax(12rem,.7fr);gap:.8rem;margin-top:.8rem;display:grid}.canvas-meta p{border-left:.2rem solid var(--gold-dark);color:var(--ivory-muted);background:#00000038;margin:0;padding:.55rem .7rem;font-size:.78rem;line-height:1.45}#canvas-live-status{color:var(--gold-bright)}.empty-screen{text-align:center;background:radial-gradient(#efdaa914,#0000 60%);border:1px solid #d8b66b30;place-content:center;justify-items:center;min-height:19rem;padding:2rem;display:grid}.empty-screen>span{filter:sepia(.5);margin-bottom:.6rem;font-size:2.5rem}.empty-screen p{max-width:24rem;color:var(--ivory-muted);margin-bottom:0}@keyframes housePulse{0%,to{opacity:.65;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}@media (hover:hover) and (pointer:fine){.source-ticket:hover,button:hover:not(:disabled){border-color:var(--gold-bright);filter:brightness(1.08);transform:translateY(-1px)}.room-button:hover:not(:disabled){border-left-color:var(--gold);color:#fff7e2;background:#70152b52;transform:none}.reaction-grid button:hover:not(:disabled){color:#fff6dc;background:#7d1a31b3}}@media (width<=880px){.app{width:min(100% - 3.2rem,52rem)}.app-header,.account{flex-direction:column;align-items:flex-start}.header-actions{justify-items:start;width:100%}.workspace{grid-template-columns:1fr}.rooms{max-height:none}}@media (width<=560px){body:before,body:after{opacity:.75;width:1rem}.app{width:calc(100% - 1.5rem);padding-top:4.8rem}.app-header{padding:1.25rem}.app-header h1{font-size:clamp(2.55rem,17vw,4rem)}.account,.account-ticket,.account button,.header-actions,.source-ticket{width:100%}.room-view-tabs{width:100%;display:grid}.message-heading,.composer-label{flex-direction:column;align-items:flex-start}.composer-label{gap:.25rem;margin-bottom:.55rem}.composer-label label{margin-top:0}.composer-row{grid-template-columns:auto minmax(0,1fr)}.message-form{grid-template-columns:minmax(0,1fr)}.composer-row .send-button{grid-column:1/-1}.reaction-toggle>span:last-child{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.reaction-picker{width:auto;max-height:70vh;position:fixed;inset:auto .75rem .75rem}.reaction-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.emoji-upload-fields,.canvas-meta{grid-template-columns:1fr}.canvas-toolbar{align-items:stretch}.canvas-tool-buttons,.canvas-tool-buttons button{flex:1}.canvas-control,.canvas-width{width:100%}.message-list li>div{flex-direction:column;align-items:flex-start;gap:.15rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}