@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root,[data-theme=light]{--bg:#f4f1ea;--fg:#1b2b34;--muted:#ebe6dc;--muted-fg:#5c727a;--card:#fffdf8;--card-fg:#1b2b34;--border:#d5cfc3;--input:#e8e2d6;--ring:#a97f43;--primary:#1b2b34;--primary-fg:#fffdf8;--destructive:#d97757;--destructive-fg:#fffdf8;--brass:#b8863a;--brass-dim:#8f6a2e;--green:#3d7a4a;--red:#c45c3a;--panel:var(--card);--panel-2:var(--muted);--line:var(--border);--text:var(--fg);--text-dim:var(--muted-fg);--radius-sm:4px;--radius:8px;--radius-lg:12px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.25rem;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-popover:0 8px 24px #0000002e;--fab-size:3rem;--fab-corner-offset:max(1rem, env(safe-area-inset-top,0px), env(safe-area-inset-right,0px), env(safe-area-inset-bottom,0px), env(safe-area-inset-left,0px));--fab-gap:.5rem;--fab-bg:#3d7a4a;--fab-bg-hover:#326640;--fab-fg:#fff;--z-chrome:100;--layout-pad:1rem;--gutter:1rem;--font-display:"Space Grotesk", sans-serif;--font-mono:"IBM Plex Mono", monospace}@media (width>=768px){:root,[data-theme=light],[data-theme=dark]{--layout-pad:1.5rem;--gutter:1.5rem}}@media (width>=1440px){:root,[data-theme=light],[data-theme=dark]{--layout-pad:2rem;--gutter:2rem}}[data-theme=dark]{--bg:#1b2b34;--fg:#ede9e0;--muted:#22333d;--muted-fg:#90a7ae;--card:#22333d;--card-fg:#ede9e0;--border:#3a4f59;--input:#2a3d47;--ring:#a97f43;--primary:#ede9e0;--primary-fg:#1b2b34;--destructive:#d97757;--destructive-fg:#1b2b34;--brass:#e3a857;--brass-dim:#a97f43;--green:#86b98a;--red:#d97757;--panel:var(--card);--panel-2:#2a3d47;--line:var(--border);--text:var(--fg);--text-dim:var(--muted-fg);--shadow-sm:0 1px 2px #0006;--shadow:0 1px 3px #00000080, 0 1px 2px #0006;--shadow-popover:0 8px 24px #0000008c}*{box-sizing:border-box}html,body,#root{min-height:100dvh}body{background:var(--bg);background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--fg) 6%, transparent) 1px, transparent 0);color:var(--text);font-family:var(--font-mono);font-size:var(--text-base);-webkit-tap-highlight-color:transparent;background-size:22px 22px;margin:0}.is-full-width{box-sizing:border-box;width:100%;max-width:calc(100% - 2 * var(--layout-pad));margin-inline:auto}.app-shell{width:100%;min-height:100dvh;position:relative}.wrap{padding:var(--space-6) 0 calc(var(--fab-size) + var(--fab-corner-offset) + var(--space-8))}header{margin-bottom:var(--space-5);border-bottom:1px solid var(--line);padding-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--space-3);display:flex}.app-logo{width:2.25rem;height:2.25rem;color:var(--fab-fg);background:var(--fab-bg);border:1px solid #0000;border-radius:.55rem;flex-shrink:0;place-items:center;display:grid}.app-logo svg{width:1.35rem;height:1.35rem;display:block}h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.1}h1 span{color:var(--brass)}.tagline{font-size:var(--text-xs);color:var(--text-dim);letter-spacing:.04em;margin-top:.15rem}.lock-status{font-size:var(--text-xs);align-items:center;gap:.3rem;display:flex}.lock-status.locked{color:var(--brass)}.lock-status.open{color:var(--text-dim)}.header-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.room-bar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-3);margin-bottom:var(--space-5);align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.room-bar label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.625rem}.room-bar input{background:var(--bg);border:1px solid var(--line);color:var(--brass);font-family:var(--font-mono);letter-spacing:.06em;border-radius:var(--radius-sm);font-weight:600;font-size:max(16px, var(--text-lg));width:8.5rem;padding:.45rem .65rem}.room-bar input:focus{border-color:var(--brass);outline:none}.btn{border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.03em;background:0 0;min-height:2.25rem;padding:.45rem .7rem;transition:border-color .15s,color .15s,background .15s}.btn:hover{border-color:var(--brass);color:var(--brass)}.btn.primary{background:var(--brass);border-color:var(--brass);color:var(--bg);font-weight:600}.btn.primary:hover{filter:brightness(1.05);color:var(--bg)}.btn:disabled{opacity:.4;cursor:default}.room-note{color:var(--text-dim);width:100%;margin-top:.15rem;font-size:.66rem}.composer{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-6)}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=image]),textarea,select{font-size:max(16px,1rem)}textarea{background:var(--bg);border:1px solid var(--line);width:100%;min-height:4.5rem;color:var(--text);font-family:var(--font-mono);resize:vertical;border-radius:.35rem;padding:.65rem}textarea:focus{border-color:var(--brass);outline:none}textarea::placeholder{color:var(--text-dim);opacity:.75}.drop{margin-top:var(--space-2);border:1.5px dashed var(--line);border-radius:var(--radius);padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--text-dim);cursor:pointer;transition:border-color .15s,background .15s;display:block;position:relative}.drop.drag{border-color:var(--brass);background:color-mix(in srgb, var(--brass) 8%, transparent);color:var(--brass)}.drop input[type=file]{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drop .hint{opacity:.75;margin-top:.25rem;font-size:.625rem}.row2{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.row2 label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.625rem}select{background:var(--bg);border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);border-radius:var(--radius-sm);padding:.4rem .5rem}.composer-actions{margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.pending{font-size:var(--text-xs);color:var(--brass)}.section-label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:var(--space-6) 0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.empty{text-align:center;color:var(--text-dim);font-size:var(--text-sm);border:1px dashed var(--line);border-radius:var(--radius);padding:2.5rem .6rem}.ticket{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-3);gap:var(--space-3);align-items:flex-start;display:flex;position:relative;overflow:hidden}.ticket:before{content:"";background:var(--brass-dim);width:4px;position:absolute;top:0;bottom:0;left:0}.ticket.mine:before{background:var(--green)}.ticket-thumb{border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line);object-fit:cover;width:3.25rem;height:3.25rem;color:var(--text-dim);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.ticket-body{flex:1;min-width:0}.ticket-top{justify-content:space-between;gap:var(--space-2);color:var(--text-dim);letter-spacing:.04em;flex-wrap:wrap;margin-bottom:.25rem;font-size:.625rem;display:flex}.ticket-num{color:var(--brass-dim)}.ticket-expiry{color:var(--red)}.ticket-text{font-size:var(--text-base);white-space:pre-wrap;word-break:break-word;color:var(--text);max-height:8.75rem;overflow-y:auto}.ticket-file-name{font-size:var(--text-base);color:var(--text);word-break:break-all}.ticket-file-size{color:var(--text-dim);margin-top:.15rem;font-size:.66rem}.ticket-actions{margin-top:var(--space-2);flex-wrap:wrap;gap:.4rem;display:flex}.ticket-actions .btn{min-height:2rem;padding:.35rem .55rem;font-size:.625rem}footer{text-align:center;color:var(--text-dim);margin-top:var(--space-8);font-size:.66rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.modal-overlay{background:color-mix(in srgb, var(--bg) 30%, #0000008c);z-index:1000;padding:var(--space-5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);width:100%;max-width:21rem}.modal-msg{font-size:var(--text-base);color:var(--text);margin-bottom:var(--space-3);line-height:1.5}.modal-box input{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--font-mono);font-size:max(16px, var(--text-lg));margin-bottom:var(--space-3);border-radius:.35rem;padding:.55rem .65rem}.modal-box input:focus{border-color:var(--brass);outline:none}.modal-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.config-warning{background:color-mix(in srgb, var(--red) 12%, var(--card));border:1px solid var(--red);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-5);font-size:var(--text-sm);line-height:1.6}.bh-fab-wrap{pointer-events:none;width:100%;height:100dvh;z-index:var(--z-chrome);position:fixed;inset:0;overflow:visible}.bh-fab{z-index:var(--z-chrome);pointer-events:auto;width:var(--fab-size);height:var(--fab-size);background:var(--fab-bg);color:var(--fab-fg);cursor:grab;box-shadow:var(--shadow);touch-action:none;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,box-shadow .15s;display:flex;position:absolute}.bh-fab:hover:not([data-dragging=true]){background:var(--fab-bg-hover)}.bh-fab:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.bh-fab[data-dragging=true]{cursor:grabbing;box-shadow:var(--shadow-popover);transition:none}.bh-menu-panel{z-index:var(--z-chrome);pointer-events:auto;background:var(--card);min-width:12rem;max-width:16rem;color:var(--card-fg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover);padding:var(--space-2);--fab-x:var(--fab-corner-offset);--fab-y:var(--fab-corner-offset);gap:2px;display:grid;position:absolute}.bh-menu-panel[data-edge-x=left]{left:var(--fab-x);right:auto}.bh-menu-panel[data-edge-x=right]{left:auto;right:calc(100% - var(--fab-x) - var(--fab-size))}.bh-menu-panel[data-edge-y=top]{top:calc(var(--fab-y) + var(--fab-size) + var(--fab-gap));bottom:auto}.bh-menu-panel[data-edge-y=bottom]{top:auto;bottom:calc(100% - var(--fab-y) + var(--fab-gap))}.bh-menu-brand{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);display:flex}.bh-menu-brand__name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.bh-menu-divider{background:var(--border);height:1px;margin:var(--space-1) 0}.bh-appearance-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);display:flex}.bh-appearance-size{align-items:center;gap:var(--space-2);display:inline-flex}.bh-appearance-value{text-align:center;min-width:2.5rem;font-size:var(--text-xs);color:var(--muted-fg);font-variant-numeric:tabular-nums}.ui-icon-btn{appearance:none;border:1px solid var(--border);background:var(--muted);color:var(--fg);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex}.ui-icon-btn:hover:not(:disabled){border-color:var(--brass);color:var(--brass)}.ui-icon-btn:disabled{opacity:.4;cursor:default}.bh-menu-account{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);display:grid}.bh-menu-account__label{font-size:var(--text-xs);color:var(--muted-fg);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.bh-menu-action{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:2.25rem;color:var(--fg);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;padding:.45rem var(--space-3);background:0 0;display:inline-flex}.bh-menu-action:hover{border-color:var(--brass);color:var(--brass)}.bh-menu-action--primary{background:var(--brass);border-color:var(--brass);color:var(--bg);font-weight:600}.bh-menu-action--primary:hover{filter:brightness(1.05);color:var(--bg)}.bh-menu-footer-status{padding:var(--space-1) var(--space-3) var(--space-2);color:var(--muted-fg);margin:0;font-size:.625rem;line-height:1.35}.bh-menu-about{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted-fg);display:flex}.bh-auth-loading{place-content:center;justify-items:center;gap:var(--space-3);min-height:100dvh;color:var(--muted-fg);font-size:var(--text-sm);display:grid}.bh-signin{min-height:100dvh;padding:var(--space-6) var(--layout-pad);background:radial-gradient(ellipse 80% 50% at 50% 0%, color-mix(in srgb, var(--fab-bg) 12%, transparent), transparent 70%);place-items:center;display:grid}.ui-card{box-sizing:border-box;background:var(--card);color:var(--card-fg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.ui-logo{background:var(--fab-bg);width:3rem;height:3rem;color:var(--fab-fg);border-radius:22%;place-items:center;display:grid}.bh-signin__card{gap:var(--space-5);width:100%;max-width:400px;padding:var(--space-6);display:grid}.bh-signin__header{gap:var(--space-2);text-align:center;justify-items:center;display:grid}.bh-signin__brand{margin-bottom:var(--space-1)}.bh-signin__title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;margin:0;font-weight:700}.bh-signin__desc{font-size:var(--text-sm);color:var(--muted-fg);max-width:28ch;margin:0;line-height:1.45}.bh-signin__context{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--brass)}.bh-signin__error{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--destructive);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--destructive) 12%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 35%, transparent);text-align:start;margin:0}.bh-signin__actions{gap:var(--space-2);display:grid}.bh-signin__cta{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:2.75rem;font-size:var(--text-sm);display:inline-flex}.bh-signin__spinner{animation:.8s linear infinite bh-signin-spin}@keyframes bh-signin-spin{to{transform:rotate(360deg)}}.home{padding:var(--space-6) 0 calc(var(--fab-size) + var(--fab-corner-offset) + var(--space-8))}.home__header{margin-bottom:var(--space-6);border-bottom:1px solid var(--line);padding-bottom:var(--space-3)}.home__chooser{gap:var(--space-4);padding:var(--space-6);max-width:28rem;margin-inline:auto;display:grid}.home__title{font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-weight:650}.home__lede{font-size:var(--text-sm);color:var(--muted-fg);margin:0;line-height:1.45}.home__cta{width:100%;min-height:2.75rem;font-size:var(--text-sm);justify-content:center}.home__join{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);display:grid}.home__join label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-fg);font-size:.625rem}.home__join-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.home__join-row input{background:var(--bg);border:1px solid var(--line);min-width:8rem;color:var(--brass);font-family:var(--font-mono);letter-spacing:.06em;border-radius:var(--radius-sm);font-weight:600;font-size:max(16px, var(--text-lg));flex:1;padding:.55rem .7rem}.home__join-row input:focus{border-color:var(--brass);outline:none}.code-builder{gap:var(--space-4);padding:var(--space-6);max-width:28rem;margin-inline:auto;display:grid}.code-builder__preview{gap:var(--space-1);padding:var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);display:grid}.code-builder__preview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-fg);font-size:.625rem}.code-builder__preview-code{font-family:IBM Plex Mono,Segoe UI Symbol,Apple Symbols,Noto Sans Symbols,Noto Sans Math,monospace;font-size:var(--text-lg);color:var(--brass);letter-spacing:.04em;word-break:break-all;font-weight:600}.code-builder__chip-array{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.code-chip{background:var(--muted);border:1px solid var(--border);max-width:100%;height:2rem;color:var(--fg);font-size:var(--text-xs);border-radius:999px;align-items:center;gap:.25rem;padding:0 .25rem 0 .5rem;line-height:1;display:inline-flex}.code-chip__mark{background:color-mix(in srgb, var(--brass) 22%, var(--muted));width:1.25rem;height:1.25rem;color:var(--brass);font-family:var(--font-display);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:inline-flex}.code-chip[data-type=digits] .code-chip__mark{background:color-mix(in srgb, var(--green) 22%, var(--muted));color:var(--green)}.code-chip[data-type=special] .code-chip__mark{background:color-mix(in srgb, var(--fab-bg) 22%, var(--muted));color:var(--fab-bg)}.code-chip[data-type=unicode] .code-chip__mark{background:color-mix(in srgb, var(--red) 22%, var(--muted));color:var(--red)}.code-chip__value{appearance:none;color:var(--fg);font-family:IBM Plex Mono,Segoe UI Symbol,Apple Symbols,Noto Sans Symbols,Noto Sans Math,monospace;font-weight:600;font-size:var(--text-sm);letter-spacing:.06em;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:0 .2rem}.code-chip__value:hover:not(:disabled){color:var(--brass)}.code-chip__value:disabled{cursor:default}.code-chip__action{appearance:none;color:var(--muted-fg);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;display:inline-flex}.code-chip__action:hover:not(:disabled){background:color-mix(in srgb, var(--fg) 8%, transparent);color:var(--fg)}.code-chip__action:disabled{opacity:.35;cursor:default}.code-chip--add{height:2rem;color:var(--muted-fg);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;background:0 0;border-style:dashed;gap:.35rem;padding:0 .75rem}.code-chip--add:hover:not(:disabled){border-color:var(--brass);color:var(--brass)}.code-chip--add:disabled{opacity:.4;cursor:default}.code-builder__presets{gap:var(--space-2);display:grid}.code-builder__add-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-fg);font-size:.625rem}.code-builder__add-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.code-builder__actions{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);display:grid}.room-bar input{flex:10rem;width:auto;min-width:8.5rem;max-width:100%}.file-preview-overlay{z-index:1100;background:color-mix(in srgb, var(--bg) 25%, #000000a6);padding:var(--space-3);justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.file-preview-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;width:min(56rem,100%);max-height:100%;display:flex;overflow:hidden}.file-preview-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);flex-shrink:0;display:flex}.file-preview-title{min-width:0;font-size:var(--text-sm);color:var(--fg);word-break:break-all;flex:1;margin:0;font-weight:600}.file-preview-close{justify-content:center;align-items:center;min-width:2rem;min-height:2rem;padding:.35rem;display:inline-flex}.file-preview-body{background:var(--bg);min-height:12rem;padding:var(--space-3);flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.file-preview-status{color:var(--text-dim);font-size:var(--text-sm);margin:0}.file-preview-img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:min(70vh,100%)}.file-preview-frame{background:#fff;border:none;width:100%;height:min(70vh,100%);min-height:16rem}.file-preview-actions{justify-content:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;display:flex}.ticket-thumb--btn{cursor:pointer;padding:0;overflow:hidden}.ticket-thumb--btn img{object-fit:cover;width:100%;height:100%;display:block}.ticket-file-name--btn{appearance:none;cursor:pointer;text-align:left;color:inherit;font:inherit;background:0 0;border:none;margin:0;padding:0}.ticket-thumb--btn:focus-visible,.ticket-file-name--btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:var(--radius-sm)}.ticket-file-name--btn:hover{color:var(--brass)}