/* One shared room, one identity, one composer. */
#page-bukuchat{max-width:850px;margin-inline:auto}#page-bukuchat .section-heading{margin-bottom:14px}.buku-window{margin-top:0;border:2px solid #ad87c4;border-radius:14px;overflow:hidden;background:#22132e}.buku-window>.panel-bar{padding:12px 16px;font:14px monospace}.buku-window>.panel-bar>span{font-size:10px}
.buku-login{padding:26px;max-width:540px}.buku-login h2{font:22px/1.3 Silkscreen,monospace;margin:0 0 12px}.buku-login p{font:14px/1.6 Arial;margin:10px 0;color:#e0d0eb}.buku-login label{font:bold 14px Arial;color:#f4e8fa;margin-top:24px}.buku-login input{font:16px monospace;min-height:50px;border:2px solid #a585b9;border-radius:9px;padding:12px;margin-bottom:8px}.buku-login input[aria-invalid=true]{border-color:#ffb0c3}.buku-login #buku-code-help{font-size:12px;margin:0 0 20px}.buku-login>.primary{width:100%;min-height:50px;font:14px Silkscreen,monospace;border-radius:9px}.buku-login .buku-privacy{font-size:12px;margin:20px 0}.buku-help{border-top:1px solid #715383;margin-top:20px;padding-top:10px}.buku-help summary{font:14px Arial;cursor:pointer;min-height:44px;padding:12px 0;color:#d4ffab}.buku-help .chrome-button{min-height:44px;border-radius:8px;font-size:13px}
.buku-status:not(:empty){padding:12px 16px;background:#4b304d;color:#ffe7d7;font:14px/1.5 Arial;border-bottom:1px solid #936f99}.buku-identity{display:flex;flex-wrap:nowrap;gap:12px;padding:14px 16px;background:#382249}.buku-identity>#buku-avatar{width:42px;height:63px;flex:0 0 42px}.buku-you{flex:1;min-width:0}.buku-identity .buku-you>span{font:12px/1.6 Arial}.buku-identity strong{font:bold 17px/1.4 Arial;color:#f6e8ff}.buku-identity #buku-connection{font:11px/1.6 Arial;color:#c5ed9c}.buku-account-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.buku-identity .chrome-button{margin:0;min-height:44px;padding:9px 12px;border-radius:8px;font:12px Arial;width:auto}.buku-account-actions .back-button{min-height:44px;padding:8px;color:#e4cce9;font:13px Arial}.buku-room-help{padding:8px 16px;margin:0;background:#291937;color:#cdb9d9;font:12px/1.5 Arial}
.buku-messages{height:420px;max-height:52dvh;min-height:220px;padding:16px;background:#170d22}.buku-message{display:flex;align-items:flex-end;gap:8px;padding:0;margin:0 26px 16px 0;border:0}.buku-message .message-avatar{width:30px;height:45px;flex:0 0 30px}.buku-message>div:last-child{min-width:0;max-width:100%;padding:10px 12px;background:#463052;border-radius:12px 12px 12px 3px}.buku-message>div:last-child>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.buku-message strong{font:bold 12px/1.4 Arial;color:#f0c6ff}.buku-message time{font:10px/1.4 Arial;color:#c5b2ce}.buku-message p{font:15px/1.5 Arial;margin:5px 0 0;color:#fff2ff}.buku-message.is-mine{justify-content:flex-end;margin:0 0 16px 26px}.buku-message.is-mine .message-avatar{display:none}.buku-message.is-mine>div:last-child{background:#35422a;border-radius:12px 12px 3px 12px}.buku-message.is-mine strong{color:#d0ff9a}.buku-message.is-mine time{color:#c0ceb5}.chat-empty{font:15px/1.7 Arial;max-width:270px;margin:45px auto;padding:20px 8px;color:#d0bbdd}
#buku-send{padding:12px 16px max(14px,env(safe-area-inset-bottom));background:#382249;border-top:1px solid #8c699f}#buku-send label{font:12px Arial;margin:0 0 8px;color:#e5d0ee}#buku-send>div{gap:8px}#buku-message{font:16px Arial;min-height:48px;border:2px solid #9572aa;border-radius:9px;padding:10px}#buku-send button{min-height:48px;font:13px Arial;padding:10px 15px;border-radius:9px}#buku-send button:disabled{opacity:.45;cursor:default}
@media(max-width:620px){#page-bukuchat .section-heading{align-items:flex-start;gap:6px;flex-direction:column}#buku-title{font-size:27px}.buku-login{padding:22px 16px}.buku-login h2{font-size:19px}.buku-identity{padding:10px;gap:8px}.buku-identity>#buku-avatar{width:34px;height:51px;flex-basis:34px}.buku-identity strong{font-size:15px}.buku-account-actions{flex-direction:column;gap:0}.buku-identity .chrome-button{min-height:44px;font-size:11px;padding:8px}.buku-account-actions .back-button{min-height:36px;font-size:12px}.buku-messages{height:380px;max-height:48dvh;padding:12px;min-height:210px}.buku-message{margin-right:12px}.buku-message.is-mine{margin-left:12px}.buku-message p{font-size:15px}.buku-room-help{font-size:11px;padding:8px 12px}#buku-send{padding:12px}#buku-send button{padding:10px 12px}.buku-message>div:last-child{padding:9px 10px}}
/* Give the conversation the space normally used by homepage decorations. */
body[data-view=bukuchat] .ticker,body[data-view=bukuchat] .browser-strip,body[data-view=bukuchat] .scene-banner,body[data-view=bukuchat] .blinkie-strip,body[data-view=bukuchat] .sidebar,body[data-view=bukuchat] .ascii-signoff{display:none}
body[data-view=bukuchat] .layout{display:block;padding-top:22px}body[data-view=bukuchat] .buku-window{background:#22132e}body[data-view=bukuchat] .buku-login{background:#22132e}
.buku-login>#buku-scan{width:100%;min-height:48px;margin-top:12px;border-radius:9px;font:16px Arial}
#qr-scanner{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:2px solid #bb91d0;border-radius:14px;background:#24132f;color:#f9eaff}
#qr-scanner::backdrop{background:#0d061bd9}
.qr-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.qr-heading h2{font:28px/1.2 'Spanish Stencil',Arial,sans-serif}.qr-heading button{min-width:44px;min-height:44px;background:#553267;color:#fff;border:1px solid #c297d8;border-radius:8px;font:26px Arial}
#qr-scanner p{font:14px/1.5 Arial;margin:12px 0}#qr-video{display:block;width:100%;max-height:40dvh;object-fit:contain;background:#100818;border:2px solid #baff82;border-radius:8px}#qr-video[hidden]{display:none}
#qr-scanner .primary{width:100%;min-height:48px;font:15px Arial;border-radius:8px}.qr-upload{display:block;font:15px Arial;margin:20px 0 10px}#qr-file{width:100%;min-height:44px;font:14px Arial}#qr-file::file-selector-button{padding:10px;border:1px solid #b895cd;background:#e8cbf1;color:#301b3f;border-radius:6px;margin-right:8px}#qr-scanner .qr-private{font-size:12px;color:#d2b9df}