:root{--body:#4b5565;--ink:#172033;--muted:#6b7280;--paper:#f4f0e7;--wash:#e9eef5;--line:#222a361f;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--body);font-family:var(--sans);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:500;line-height:1.35}*{box-sizing:border-box}body{background:linear-gradient(135deg, var(--paper), var(--wash));min-width:320px;margin:0}#root{min-height:100vh}h1,h2,p{margin:0}svg{flex:none}.join-screen{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 34%),linear-gradient(#f7f3eb 0%,#f1ede3 100%);min-height:100vh;padding:32px}.join-shell{grid-template-columns:minmax(0,1.45fr) minmax(340px,420px);align-items:start;gap:24px;max-width:1280px;margin:0 auto;display:grid}.join-stage{background:#fffcf7eb;border:1px solid #222a361a;border-radius:24px;gap:20px;min-height:calc(100vh - 64px);padding:28px;display:grid;box-shadow:0 28px 64px #1922301a}.join-stage-hero{gap:10px;display:grid}.join-eyebrow{color:#5b6474;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:900;display:inline-flex}.join-stage-hero h1{color:#172033;letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,52px);line-height:.94}.join-stage-hero p{color:#536072;max-width:760px;margin:0;font-size:16px;font-weight:700;line-height:1.6}.join-stage-stats,.join-stage-grid{gap:12px;display:grid}.join-stage-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.join-stat,.join-panel,.join-card{background:#ffffffdb;border:1px solid #222a361a}.join-stat{border-radius:16px;gap:6px;padding:16px;display:grid}.join-stat strong{color:#172033;letter-spacing:-.04em;font-size:28px;line-height:1}.join-stat span{color:#5b6474;text-transform:uppercase;font-size:12px;font-weight:900;line-height:1.45}.join-stat.accent{background:#eef5ffeb}.join-stat.warm{background:#fff7e8f5}.join-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-stage-grid.secondary{align-items:start}.join-panel{border-radius:18px;gap:14px;padding:18px;display:grid}.join-panel.muted{background:#f9f7f2f5}.join-panel-head,.join-highlight-row,.join-room-card,.join-person-card,.join-hint{align-items:center;display:flex}.join-panel-head{color:#172033;justify-content:space-between;gap:8px;font-size:13px;font-weight:900}.join-panel-head span{align-items:center;gap:8px;display:inline-flex}.join-panel-head small,.join-gate-card small,.join-room-card small,.join-person-card small,.join-empty,.join-hint span{color:#657185;font-size:12px;font-weight:800}.join-panel p,.join-card>p{color:#536072;margin:0;font-size:15px;line-height:1.6}.join-highlight-row{background:#f4efe4;border-radius:12px;justify-content:flex-start;gap:10px;padding:10px 12px}.join-highlight-row strong,.join-room-card strong,.join-person-card strong,.join-gate-card strong,.join-hint strong,.join-preview strong{color:#172033;font-size:14px}.join-gate-list,.join-room-list,.join-people-list,.join-event-strip{gap:10px;display:grid}.join-gate-card,.join-room-card,.join-person-card,.join-hint{background:#fff;border:1px solid #222a3614;border-radius:12px;justify-content:space-between;gap:10px;padding:11px 12px}.join-gate-card,.join-person-card{align-items:flex-start}.join-gate-card,.join-person-card span:last-child,.join-room-card>div{gap:3px;display:grid}.join-gate-chip,.join-person-card em,.join-event-chip{text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-style:normal;font-weight:900;line-height:1;display:inline-flex}.join-gate-chip.passed{color:#31551f;background:#5ca3421f}.join-gate-chip.open{color:#1d4ed8;background:#2563eb1f}.join-gate-chip.pending{color:#475569;background:#64748b1f}.join-gate-chip.failed{color:#b91c1c;background:#ef44441f}.join-event-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.join-event-chip{color:#6d28d9;background:#f5ecffe6;justify-content:center}.join-room-avatars{justify-content:flex-end;display:inline-flex}.join-room-privacy{color:#485569;text-transform:uppercase;white-space:nowrap;background:#17203314;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;display:inline-flex}.join-room-avatars .avatar+.avatar{margin-left:-8px}.join-people-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.join-person-card{gap:12px}.join-person-card span:last-child{flex:1;min-width:0}.join-person-card.live em{color:#166534;background:#22c55e1f}.join-person-card.demo em{color:#1d4ed8;background:#2563eb1f}.join-empty{margin:0}.join-policy-card{background:#f4efe4e0;border:1px dashed #222a3629;border-radius:12px;gap:6px;padding:12px;display:grid}.join-policy-card strong{color:#172033;font-size:13px}.join-policy-card p{color:#657185;margin:0;font-size:12px;font-weight:800;line-height:1.5}.join-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;border-radius:20px;width:100%;padding:32px;position:sticky;top:32px;box-shadow:0 24px 56px #1922301f}.join-logo{color:#fff;background:#172033;border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;padding:14px;display:inline-flex}.join-card h2{color:#172033;letter-spacing:-.03em;margin:0 0 10px;font-size:26px;font-weight:900}.join-form{text-align:left;gap:20px;display:grid}.join-field{gap:8px;display:grid}.join-field span,.join-color-picker>span{color:#647084;text-transform:uppercase;font-size:12px;font-weight:900}.join-field input{color:#172033;background:#f5f2eb;border:1px solid #222a361f;border-radius:10px;width:100%;padding:12px 14px;font-size:15px;font-weight:800;transition:border-color .15s}.join-field input:focus{border-color:#2563eb66;outline:none}.join-color-picker{gap:10px;display:grid}.join-swatches{flex-wrap:wrap;gap:8px;display:flex}.join-swatch{background:var(--swatch-color);cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px;transition:border-color .1s,transform .1s}.join-swatch.active{border-color:#172033;transform:scale(1.18)}.join-swatch:hover:not(.active){transform:scale(1.1)}.join-preview{align-items:center;gap:12px;display:flex}.join-preview strong{color:#172033;font-size:15px}.join-submit{justify-content:center;width:100%;padding:14px}.join-hint{justify-content:space-between}.join-hint strong{text-align:right}.live-visitors-section{border-bottom:1px solid #222a3612;gap:4px;margin-bottom:12px;padding-bottom:12px;display:grid}.live-visitors-label{color:#647084;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:900;display:flex}.live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.person-row.live-visitor{background:#22c55e0a;border:1px solid #22c55e24}.person-row.live-visitor:not(button){cursor:default}.office-app{min-height:100vh;padding:20px}.topbar{z-index:2;background:#fdfcf9d1;border:1px solid #222a361a;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;max-width:1540px;margin:0 auto 16px;padding:14px 16px;display:flex;position:relative;box-shadow:0 20px 60px #19223014}.brand-lockup,.presence-strip,.section-heading,.card-head,.room-actions,.occupant-strip,.grab-stack{align-items:center;display:flex}.brand-lockup{gap:12px}.brand-mark{color:#fff;background:#172033;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800;line-height:1}.topbar h1,.floor-stage h2,.panel-card h2{color:var(--ink);margin:0;font-size:23px;line-height:1.08}.presence-strip{gap:10px}.presence-pill,.room-kind,.live-badge,.timer-chip,.note-count,.mini-chip,.empty-dot{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.presence-pill{color:#31551f;background:#f2f5ec;padding:10px 12px}.presence-pill span{background:#5ca342;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 5px #5ca34224}.presence-pill.offline{color:#6b7280;background:#eeeef0}.presence-pill.offline span{box-shadow:none;background:#9ca3af}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #2563eb47}.icon-button,.primary-action,.secondary-action{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.icon-button:hover,.primary-action:hover,.secondary-action:hover,.person-row:hover,.office-room:hover,.desk-zone:hover,.bank-card:hover,.room-door-card:hover .door-main,.service-card:hover{transform:translateY(-1px)}.icon-button{color:var(--ink);background:#fff;border:1px solid #222a361f;width:40px;height:40px}.text-button{width:auto;padding:0 13px}.primary-action{color:#fff;background:#172033;padding:0 14px;box-shadow:0 14px 30px #17203329}.secondary-action{color:#354153;background:#f0f2f4;padding:0 14px}.office-shell{grid-template-columns:250px minmax(0,1fr) 330px;gap:16px;max-width:1540px;margin:0 auto;display:grid}.office-shell.left-collapsed{grid-template-columns:minmax(0,1fr) 330px}.office-shell.right-collapsed{grid-template-columns:250px minmax(0,1fr)}.office-shell.left-collapsed.right-collapsed{grid-template-columns:minmax(0,1fr)}.workday-timeline{background:#fdfcf9db;border:1px solid #222a361a;border-radius:8px;gap:16px;max-width:1540px;margin:0 auto 16px;padding:16px;display:grid;box-shadow:0 16px 40px #19223012}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.timeline-title{gap:6px;display:grid}.timeline-title strong{color:var(--ink);font-size:22px;line-height:1}.timeline-title small{color:var(--muted);font-size:13px;font-weight:800;line-height:1.35}.timeline-facts,.timeline-pulse{flex-wrap:wrap;gap:8px;display:flex}.timeline-facts{justify-content:flex-end}.timeline-fact{color:var(--ink);background:#fff;border:1px solid #222a361a;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;display:inline-flex}.timeline-fact.accent{color:#1d4ed8;background:#eef5ff;border-color:#2563eb2e}.timeline-fact.warm{color:#7a4a03;background:#fff7e8;border-color:#d977062e}.day-ribbon{gap:10px;display:grid}.ribbon-scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.scale-mark{color:var(--muted);font-size:11px;font-weight:900}.ribbon-track{min-height:calc(var(--lane-count,1) * 52px + 24px);background:linear-gradient(#ffffffeb,#f6f5efe6),#f5f1e8;border:1px solid #222a361a;border-radius:12px;position:relative;overflow:hidden}.ribbon-track:before{content:"";background-image:repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 1px),#222a360f calc(12.5% - 1px) 12.5%);position:absolute;inset:0}.ribbon-block,.resource-block{border-radius:10px;gap:2px;display:grid;position:absolute;overflow:hidden}.ribbon-block{z-index:2;border:1px solid #0000;min-width:112px;padding:8px 10px;box-shadow:0 10px 24px #19223014}.ribbon-block time,.ribbon-block small{color:#192230ad;font-size:11px;font-weight:900}.ribbon-block strong{color:var(--ink);font-size:13px;line-height:1.15}.ribbon-block.meeting{background:#e8f4fff2;border-color:#2563eb24}.ribbon-block.focus{background:#f5ecfff5;border-color:#7c3aed2e}.ribbon-block.call,.ribbon-block.break{background:#fff6e7f2;border-color:#d977062e}.ribbon-block.done,.resource-block.done{opacity:.56}.ribbon-block.live{box-shadow:0 16px 34px #1922301f}.now-needle,.resource-now{z-index:3;width:0;position:absolute;top:0;bottom:0}.now-needle span,.resource-now{background:#172033;width:2px}.now-needle small{color:#fff;background:#172033;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;position:absolute;top:8px;left:0;transform:translate(-50%)}.timeline-controls{border-top:1px solid #222a3614;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px;display:flex}.panel-toggle.active{box-shadow:inset 0 0 0 1px #2563eb38}.left-rail,.right-panel,.floor-stage{align-self:start;min-width:0}.left-rail,.right-panel{gap:12px;display:grid}.rail-section,.panel-card,.floor-stage{background:#fdfcf9e0;border:1px solid #222a361a;border-radius:8px;box-shadow:0 18px 44px #19223014}.rail-section,.panel-card{padding:14px}.section-heading,.card-head{color:var(--ink);justify-content:space-between;gap:8px;margin-bottom:12px;font-size:13px;font-weight:900}.section-heading{justify-content:flex-start}.people-list,.notes-list{gap:8px;display:grid}.person-row{color:var(--ink);text-align:left;background:#f6f5ef;border:1px solid #0000;border-radius:8px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;width:100%;padding:9px;transition:border-color .18s,transform .18s,background .18s;display:grid}.person-row.selected{background:#eef5ff;border-color:#2563eb47}.person-row.self{cursor:default;opacity:.78}.person-row:disabled:hover{transform:none}.avatar{background:var(--avatar-color);color:#fff;border:2px solid #fffc;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 7px 14px #19223024}.avatar.mini{width:26px;height:26px;font-size:10px}.person-copy{gap:1px;min-width:0;display:grid}.person-copy strong,.room-title strong,.desk-zone strong,.calendar-zone strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person-copy small,.room-title small,.desk-zone small,.calendar-zone small{color:var(--muted);font-size:12px;font-weight:700}.status-dot{border-radius:999px;width:10px;height:10px}.status-dot.available{background:#5ca342}.status-dot.room{background:#2563eb}.status-dot.focus{background:#7c3aed}.status-dot.call{background:#d97706}.status-dot.away{background:#9ca3af}.grab-panel{align-content:start}.grab-stack{flex-wrap:wrap;gap:7px;min-height:34px}.mini-chip{color:#354153;background:#fff;border:1px solid #222a361a;padding:8px 10px}.mini-chip.quiet{color:var(--muted)}.grab-panel .primary-action{width:100%;margin-top:12px}.grab-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.grab-actions .primary-action,.grab-actions .secondary-action{width:100%;min-height:38px;margin-top:0;padding:0 10px}.grab-actions .primary-action{grid-column:1/-1}.knock-list{gap:10px;display:grid}.knock-card{background:#fff;border:1px solid #222a361a;border-radius:8px;padding:11px}.knock-topline{color:var(--ink);justify-content:space-between;align-items:center;font-size:13px;display:flex}.knock-topline time{color:var(--muted);font-size:12px;font-weight:800}.knock-card p{color:var(--muted);margin:7px 0 10px;font-size:13px;line-height:1.35}.knock-responses{gap:7px;display:grid}.response-chip{color:var(--ink);background:#f6f7f9;border:1px solid #222a3614;border-radius:8px;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:7px;display:grid}.response-chip span:last-child{gap:1px;display:grid}.response-chip strong{font-size:12px}.response-chip small{color:var(--muted);font-size:11px;font-weight:800}.response-chip.accepted{background:#eef7ea;border-color:#5ca3422e}.response-chip.give-five{background:#fff7e8;border-color:#d9770633}.response-chip.focus{background:#f2ebff;border-color:#7c3aed33}.floor-stage{padding:16px;overflow:hidden}.stage-topline{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.stage-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.notification-toast{color:#7a4a03;background:#fff7e8;border:1px solid #d9770633;border-radius:8px;align-items:center;gap:8px;max-width:350px;padding:10px 12px;font-size:13px;font-weight:800;display:inline-flex}.office-map{aspect-ratio:16/10;background:linear-gradient(135deg,#ffffffb8,#f6f5efd1),#f5f1e8;border:1px solid #222a361a;border-radius:8px;width:100%;min-height:560px;position:relative;overflow:hidden}.floor-grid{background-image:linear-gradient(#252d3b0e 1px,#0000 1px),linear-gradient(90deg,#252d3b0e 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0003);mask-image:linear-gradient(#000000bf,#0003)}.office-map:before,.office-map:after{content:"";position:absolute}.office-map:before{background:#ffffff7a;border-left:1px dashed #222a3629;border-right:1px dashed #222a3629;width:13%;top:15%;bottom:9%;left:45%;transform:skew(-10deg)}.office-map:after{background:#ffffff70;border-top:1px dashed #222a3629;height:15%;top:46%;left:12%;right:10%}.desk-zone,.hub-zone,.calendar-zone,.office-room,.walkway-label{z-index:2;position:absolute}.desk-zone,.hub-zone,.calendar-zone,.office-room{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;border-radius:8px}.desk-zone{color:var(--ink);background:#ffffffd1;border:1px solid #222a361a;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;width:205px;min-height:74px;padding:13px;transition:border-color .18s,transform .18s;display:grid;top:12%;left:7%;box-shadow:0 18px 38px #1922301f}.desk-zone.active{border-color:#5ca3426b;box-shadow:0 22px 48px #32692729}.desk-lamp{background:#5ca342;border-radius:999px;width:13px;height:13px;box-shadow:0 0 0 8px #5ca3421f,0 0 28px #5ca34273}.desk-count{color:#fff;background:#172033;border-radius:999px;place-items:center;width:27px;height:27px;font-size:12px;font-weight:900;display:grid}.hub-zone{color:var(--ink);background:#f8fbffe6;border:1px solid #2563eb2e;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;width:252px;min-height:78px;padding:13px;transition:border-color .18s,transform .18s;display:grid;top:33%;left:7%;box-shadow:0 18px 38px #2563eb1a}.hub-zone svg{color:#2563eb}.calendar-zone{color:#7a4a03;background:#fffaf2e6;border:1px solid #d9770638;align-items:center;gap:10px;width:218px;padding:13px;display:flex;top:12%;right:8%}.office-room{color:var(--ink);background:#ffffffc7;border:1px solid #222a361a;grid-template-columns:1fr auto;gap:10px;width:220px;min-height:116px;padding:15px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;overflow:hidden;box-shadow:0 18px 42px #1922301c}.office-room.active{border-color:color-mix(in srgb, var(--room-tone) 45%, transparent);box-shadow:0 24px 54px color-mix(in srgb, var(--room-tone) 18%, transparent)}.room-glow{background:var(--room-tone);filter:blur(18px);opacity:.18;border-radius:999px;width:52px;height:52px;position:absolute;top:8px;right:8px}.room-title,.desk-zone>span:nth-child(2),.calendar-zone span{gap:3px;min-width:0;display:grid}.occupant-dots{grid-column:1/3;align-items:center;gap:0;min-height:28px;display:flex}.occupant-dots .avatar+.avatar{margin-left:-8px}.empty-dot{color:#647084;background:#f0f2f4;padding:8px 10px}.room-arrow{color:var(--room-tone);justify-self:end}.room-studio{top:12%;left:34%}.room-briefing{top:35%;right:11%}.room-focus-a{bottom:14%;left:11%}.room-focus-b{bottom:13%;left:37%}.room-break{bottom:12%;right:10%}.place-interior,.communications-hub{border:1px solid #222a361a;border-radius:8px;min-height:560px;position:relative;overflow:hidden}.place-interior{background:linear-gradient(135deg, #ffffffd9, #f6f5efd1), color-mix(in srgb, var(--room-tone) 8%, #f5f1e8)}.place-interior.break{background:linear-gradient(135deg,#fff7e8,#eef7ea)}.place-interior.focus{background:linear-gradient(135deg,#fbf8ff,#eef5ff)}.interior-backdrop{position:absolute;inset:0}.interior-window,.interior-rug,.interior-table{position:absolute}.interior-window{background:linear-gradient(#dfeaff,#f8fbff);border:1px solid #2563eb1f;border-radius:8px;width:220px;height:136px;top:8%;right:8%}.interior-rug{background:color-mix(in srgb, var(--room-tone) 16%, transparent);border-radius:50%;width:420px;height:170px;bottom:7%;left:18%;transform:skew(-10deg)}.interior-table{background:#ffffffc7;border:1px solid #222a361a;border-radius:8px;width:260px;height:96px;bottom:21%;left:24%;transform:rotate(-2deg)skew(-9deg);box-shadow:0 24px 60px #1922301f}.interior-content{z-index:2;grid-template-columns:minmax(220px,.75fr) 1fr;gap:22px;padding:28px;display:grid;position:relative}.interior-copy h2,.hub-hero h2{color:var(--ink);margin:14px 0 12px;font-size:38px;line-height:1}.interior-copy p,.hub-hero p{color:var(--body);max-width:440px;font-size:15px;line-height:1.5}.interior-kind{background:#ffffffb8;border:1px solid #222a3614}.interior-people{flex-wrap:wrap;justify-content:flex-end;align-items:start;gap:10px;display:flex}.interior-avatar,.room-empty-state{color:var(--ink);background:#ffffffd1;border:1px solid #222a361a;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 7px;font-size:13px;font-weight:900;display:inline-flex}.room-empty-state{color:var(--muted);padding:10px 12px}.interior-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:12px;margin-top:190px;display:grid}.action-tile{color:var(--ink);background:#ffffffc7;border:1px solid #222a361a;border-radius:8px;padding:14px;box-shadow:0 14px 34px #19223014}.action-tile>span{background:color-mix(in srgb, var(--room-tone) 14%, #fff);color:var(--room-tone);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;display:inline-flex}.action-tile strong{font-size:14px;display:block}.action-tile p{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.42}.communications-hub{background:linear-gradient(135deg,#f8fbff,#f6f5ef);padding:20px}.hub-hero{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.hub-filter-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.filter-pill{color:var(--muted);background:#fff;border:1px solid #222a361a;border-radius:999px;padding:9px 11px;font-size:12px;font-weight:900}.filter-pill.active{color:#fff;background:#172033}.filter-pill.private{color:#7a4a03;background:#fff7e8}.hub-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.thread-column{background:#ffffffb8;border:1px solid #222a361a;border-radius:8px;gap:10px;padding:12px;display:grid}.thread-column-head,.thread-card-head,.thread-meta,.thread-preview{align-items:center;display:flex}.thread-column-head{color:var(--ink);justify-content:space-between;font-size:13px}.thread-column-head span{color:#fff;background:#172033;border-radius:999px;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.thread-card{background:#fff;border:1px solid #222a361a;border-radius:8px;padding:12px}.thread-card.private{border-color:#d977063d}.thread-card-head{color:var(--ink);gap:8px}.thread-icon{color:#2563eb;background:#eef5ff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.thread-card.private .thread-icon{color:#d97706;background:#fff7e8}.thread-card p{color:var(--muted);margin:10px 0;font-size:13px;line-height:1.42}.thread-meta{color:var(--body);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;font-weight:900}.thread-meta span:last-child{align-items:center;gap:4px;display:inline-flex}.thread-people{color:var(--muted);margin-top:8px;font-size:12px;font-weight:800}.walkway-label{color:#fff;white-space:nowrap;z-index:3;background:#172033e0;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex;bottom:48%;left:50%;transform:translate(-50%)}.office-map-v2{aspect-ratio:auto;grid-template-columns:minmax(260px,.95fr) minmax(360px,1.25fr);grid-template-areas:"desk rooms""focus rooms""service service";align-items:start;gap:12px;min-height:620px;padding:14px;display:grid;overflow:hidden}.office-map-v2:before,.office-map-v2:after{display:none}.office-map-v2 .floor-grid{opacity:.72}.zone-card{z-index:2;background:#ffffffc7;border:1px solid #222a361a;border-radius:8px;align-self:start;min-width:0;padding:12px;position:relative;box-shadow:0 16px 34px #19223014}.zone-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.access-pill,.door-access{color:#465367;white-space:nowrap;background:#f0f2f4;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:900}.desk-bank-zone{grid-area:desk}.room-door-zone{grid-area:rooms}.focus-bank-zone{grid-area:focus}.service-zone{grid-area:service}.desk-bank-grid,.focus-bank-grid,.room-door-grid{gap:10px;display:grid}.desk-bank-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.bank-card{color:var(--ink);text-align:left;background:#f8fafc;border:1px solid #222a361a;border-radius:8px;gap:9px;min-height:118px;padding:11px;transition:border-color .18s,transform .18s,background .18s;display:grid;position:relative}.bank-card.active{background:#f2f7ee;border-color:#5ca3425c}.bank-copy,.door-copy,.focus-bank-card>div:first-child,.service-card span{gap:3px;min-width:0;display:grid}.bank-copy strong,.door-copy strong,.focus-bank-card strong,.service-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bank-copy small,.door-copy small,.focus-bank-card small,.service-card small{color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}.bank-copy small{max-height:32px;overflow:hidden}.bank-meta{color:var(--body);flex-wrap:nowrap;gap:6px;min-width:0;display:flex}.bank-meta span{text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #222a3614;border-radius:999px;max-width:100%;padding:6px 8px;font-size:11px;font-weight:900;overflow:hidden}.bank-people,.focus-people{flex-wrap:wrap;align-items:center;gap:0;display:flex}.bank-people .avatar+.avatar{margin-left:-8px}.desk-light{background:#9ca3af;border-radius:999px;width:12px;height:12px;position:absolute;top:12px;right:12px}.desk-light.on{background:#5ca342;box-shadow:0 0 0 8px #5ca3421f,0 0 24px #5ca3425c}.room-door-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-door-card{background:#fff;border:1px solid #222a361a;border-radius:8px;gap:10px;padding:10px;transition:border-color .18s,box-shadow .18s;display:grid;overflow:hidden;box-shadow:0 16px 32px #19223014}.room-door-card.active{border-color:color-mix(in srgb, var(--room-tone) 45%, transparent);box-shadow:0 22px 44px color-mix(in srgb, var(--room-tone) 16%, transparent)}.door-main{background:color-mix(in srgb, var(--room-tone) 8%, #f8fafc);border:1px solid color-mix(in srgb, var(--room-tone) 18%, transparent);color:var(--ink);text-align:left;border-radius:8px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:86px;padding:10px;transition:transform .18s;display:grid}.room-door-card.break{background:linear-gradient(135deg,#fff7e8,#f7fbf8);border-color:#d977063d}.room-door-card.break .door-main{background:linear-gradient(135deg,#fff7e8f2,#eef7ead1);border-color:#d9770642}.room-door-card.break .door-stripe{background:linear-gradient(#d97706,#5ca342)}.door-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.room-door-card.break .door-label{color:#7a4a03}.door-stripe{background:var(--room-tone);opacity:.9;border-radius:999px;height:100%;min-height:54px}.room-door-footer,.room-door-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-door-actions{justify-content:flex-start}.compact-action{min-height:34px;padding:0 10px}.focus-bank-card{background:#fbf8ff;border:1px solid #7c3aed24;border-radius:8px;gap:10px;padding:11px;display:grid}.focus-bank-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pod-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.pod-slots span{background:#7c3aed1f;border:1px solid #7c3aed1f;border-radius:8px;height:32px}.pod-slots span.occupied{background:linear-gradient(135deg,#7c3aed38,#2563eb24);border-color:#7c3aed42}.service-zone{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.service-card{color:var(--ink);text-align:left;background:#fff;border:1px solid #222a361a;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;min-height:76px;padding:12px;transition:border-color .18s,transform .18s;display:grid}.service-card svg{color:#2563eb}.calendar-service svg,.desk-service svg{color:#d97706}.office-map-v2 .walkway-label{bottom:12px}.panel-card{color:var(--body)}.panel-card p{color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.45}.door-discussion{background:#f8fafc;border:1px solid #222a3614;border-radius:8px;padding:10px;font-weight:900;color:var(--ink)!important}.room-kind{color:#465367;background:#f2f4f7;padding:8px 10px}.live-badge{color:#31551f;background:#eef7ea;padding:8px 10px}.occupant-strip{flex-wrap:wrap;gap:8px;margin:14px 0}.occupant-pill{color:var(--ink);background:#fff;border:1px solid #222a361a;border-radius:999px;align-items:center;gap:6px;padding:6px 9px 6px 6px;font-size:12px;font-weight:900;display:inline-flex}.occupant-pill.quiet{color:var(--muted);padding:9px 11px}.schedule-context-card{background:linear-gradient(#fffffffa,#f8fbffeb)}.context-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.context-fact,.availability-item,.context-room-item,.context-schedule-item{color:var(--ink);background:#fff;border:1px solid #222a3614;border-radius:10px;gap:4px;padding:10px;display:grid}.context-fact strong,.availability-item strong,.context-room-item strong,.context-schedule-item strong{font-size:13px}.context-fact small,.availability-item small,.context-room-item small,.context-schedule-item small,.context-room-meta{color:var(--muted);font-size:12px;font-weight:800}.composer-banner{background:#eef5ff;border:1px solid #2563eb29;border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:12px;display:grid}.composer-banner strong{color:var(--ink);margin-bottom:4px;font-size:14px;display:block}.availability-list,.context-room-list,.context-schedule-list{gap:8px;margin-top:14px;display:grid}.context-room-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.context-room-meta{text-transform:capitalize}.resource-track{background:#f4efe4;border:1px solid #222a3614;border-radius:999px;height:42px;margin-top:14px;position:relative;overflow:hidden}.resource-track:before{content:"";background-image:repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 1px),#222a360f calc(12.5% - 1px) 12.5%);position:absolute;inset:0}.resource-block{top:7px;bottom:7px}.resource-block.meeting{background:#2563eb2e}.resource-block.focus{background:#7c3aed33}.resource-block.call,.resource-block.break{background:#d9770638}.room-actions{gap:8px}.room-actions .primary-action{flex:1}.hub-card{background:#f8fbff}.thread-preview-list{gap:8px;margin-top:12px;display:grid}.thread-preview{color:var(--ink);text-align:left;background:#fff;border:1px solid #222a361a;border-radius:8px;gap:9px;width:100%;padding:9px}.thread-preview span:last-child{gap:2px;min-width:0;display:grid}.thread-preview strong,.thread-preview small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-preview small{color:var(--muted);font-size:12px;font-weight:800}.visibility-dot{border-radius:999px;flex:none;width:10px;height:10px}.visibility-dot.public{background:#2563eb}.visibility-dot.private{background:#d97706}.focus-card{background:#fbf8ff}.access-card{background:#f8fafc}.access-list{gap:8px;margin-top:12px;display:grid}.access-list span{color:var(--ink);background:#fff;border:1px solid #222a361a;border-radius:8px;gap:2px;padding:9px;display:grid}.access-list small{color:var(--muted);font-size:12px;font-weight:800}.admin-token-row{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:14px;display:grid}.admin-token-input,.admin-field input,.admin-field select,.admin-field textarea{color:var(--ink);font:inherit;background:#fff;border:1px solid #222a361f;border-radius:8px;width:100%;min-width:0;padding:10px 12px}.admin-field textarea{resize:vertical;min-height:84px}.admin-message{color:var(--body);background:#ffffffe6;border:1px solid #222a361a;border-radius:8px;margin-top:12px;padding:11px 12px;font-size:13px;font-weight:800}.admin-message.error{color:#9f1239;background:#fff1f2;border-color:#e11d482e}.admin-summary-grid,.admin-config-grid,.admin-rule-grid,.admin-identity-grid{gap:10px;display:grid}.admin-summary-grid,.admin-identity-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.admin-summary-grid,.admin-section{margin-top:14px}.admin-summary-card,.admin-rule-card,.admin-identity-card,.admin-note,.admin-surface-chip{background:#fff;border:1px solid #222a361a;border-radius:8px}.admin-summary-card{gap:2px;padding:12px;display:grid}.admin-summary-card strong{color:var(--ink);font-size:20px;line-height:1}.admin-summary-card small,.admin-rule-head small,.admin-identity-head small{color:var(--muted);font-size:12px;font-weight:800}.admin-section{border-top:1px solid #222a3614;padding-top:14px}.admin-section-head,.admin-rule-head,.admin-identity-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.admin-section-head h3{color:var(--ink);margin:0;font-size:14px;line-height:1.2}.admin-section-head small{color:var(--muted);margin-top:4px;font-size:12px;font-weight:800;display:block}.admin-config-grid,.admin-rule-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:12px}.admin-field{gap:6px;display:grid}.admin-field span{color:var(--ink);font-size:12px;font-weight:900}.admin-surface-chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.admin-surface-chip{color:var(--ink);padding:8px 10px;font-size:12px;font-weight:900}.admin-rule-list,.admin-identity-list,.admin-note-list{gap:10px;margin-top:12px;display:grid}.admin-rule-card,.admin-identity-card{padding:12px}.admin-rule-head span,.admin-identity-head span:last-child{gap:2px;min-width:0;display:grid}.admin-rule-head strong,.admin-identity-head strong{color:var(--ink);font-size:14px}.admin-toggle-row{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.admin-toggle-row label{color:var(--ink);background:#f8fafc;border:1px solid #222a3614;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.admin-identity-head{align-items:center}.admin-note{color:var(--body);padding:11px 12px;font-size:13px;line-height:1.4}.people-overlay-backdrop{z-index:20;background:#0f172a5c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.people-overlay{background:#fdfcf9fa;border:1px solid #222a361f;border-radius:8px;width:min(1120px,100%);max-width:1120px;max-height:min(860px,100vh - 40px);padding:18px;overflow:auto;box-shadow:0 34px 90px #0f172a47}.people-overlay-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.people-overlay-head h2{color:var(--ink);margin:0;font-size:26px;line-height:1.08}.people-overlay-grid{grid-template-columns:minmax(0,1fr) 330px;gap:14px;display:grid}.people-finder,.people-action-panel,.people-selection-card,.linkage-card{min-width:0}.people-search{color:var(--muted);background:#fff;border:1px solid #222a361f;border-radius:8px;grid-template-columns:20px 1fr;align-items:center;gap:10px;padding:0 12px;display:grid}.people-search input{color:var(--ink);background:0 0;border:0;min-width:0;min-height:46px}.people-filter-row{flex-wrap:wrap;gap:8px;margin:10px 0 12px;display:flex}.people-result-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.people-result-card,.people-selection-card,.linkage-card{background:#fff;border:1px solid #222a361a;border-radius:8px;padding:11px}.people-result-card.selected{border-color:#2563eb52;box-shadow:inset 0 0 0 1px #2563eb1f}.people-result-card.focus{background:#fbf8ff;border-color:#7c3aed2e}.people-result-card.room{background:#f8fbff}.person-select-button{color:var(--ink);text-align:left;background:0 0;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;width:100%;padding:0;display:grid}.person-select-button:disabled{cursor:default}.person-result-copy{gap:2px;min-width:0;display:grid}.person-result-copy strong,.person-result-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person-result-copy small{color:var(--muted);font-size:12px;font-weight:800}.person-location-card{background:#ffffffb8;border:1px solid #222a3614;border-radius:8px;margin:10px 0;padding:9px}.person-location-card p{color:var(--muted);margin:8px 0 0;font-size:13px;font-weight:700;line-height:1.38}.person-card-actions,.people-primary-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.person-card-actions .secondary-action:disabled{cursor:default;opacity:.55}.people-action-panel{align-content:start;gap:12px;display:grid}.selected-person-list{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.people-primary-actions{grid-template-columns:1fr}.linkage-list{gap:8px;margin-top:12px;display:grid}.linkage-list span{background:#f8fafc;border:1px solid #222a3614;border-radius:8px;gap:3px;padding:9px;display:grid}.linkage-list strong{color:var(--ink);font-size:13px}.linkage-list small,.people-empty-state{color:var(--muted);font-size:13px;font-weight:800}.people-empty-state{background:#fff;border:1px dashed #222a3629;border-radius:8px;grid-column:1/-1;padding:18px}.timer-chip{color:#6d28d9;background:#f2ebff;padding:8px 10px}.focus-meter{background:#7c3aed1f;border-radius:999px;height:12px;overflow:hidden}.focus-meter span{border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#2563eb);width:58%;height:100%;animation:2.7s ease-in-out infinite focus-breathe;display:block}.desk-card{min-height:0}.note-count{color:#fff;background:#172033;justify-content:center;min-width:27px;height:27px}.note-composer{grid-template-columns:1fr 40px;gap:8px;margin-bottom:12px;display:grid}.note-composer input{color:var(--ink);background:#fff;border:1px solid #222a361f;border-radius:8px;min-width:0;padding:0 12px}.desk-note{background:#fff;border:1px solid #222a361a;border-radius:8px;padding:11px;position:relative}.desk-note.pinned{border-color:#2563eb3d}.desk-note div{color:var(--ink);justify-content:space-between;align-items:center;font-size:13px;display:flex}.desk-note time{color:var(--muted);font-size:12px;font-weight:800}.desk-note p{margin-right:18px}.desk-note svg{color:#2563eb;position:absolute;top:40px;right:10px}.asset-card{background:#f7fbf8}.asset-state{text-transform:uppercase;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:900}.asset-state.idle,.asset-state.mock{color:#7a4a03;background:#fff7e8}.asset-state.ready{color:#31551f;background:#eef7ea}.asset-state.loading{color:#2563eb;background:#eef5ff}.asset-state.error{color:#be123c;background:#fff1f2}.asset-preview{background:#fff;border:1px solid #222a361a;border-radius:8px;place-items:center;min-height:154px;margin:8px 0 10px;display:grid;overflow:hidden}.asset-preview img{object-fit:contain;width:100%;max-width:100%;max-height:100%;display:block}.asset-card .primary-action{width:100%;margin-top:12px}.asset-card .primary-action:disabled{cursor:wait;opacity:.68}@keyframes focus-breathe{0%,to{opacity:.82}50%{opacity:1}}@media (width<=1240px){.join-shell{grid-template-columns:1fr}.join-card{position:static}.join-stage{min-height:0}.office-shell{grid-template-columns:220px minmax(0,1fr)}.office-shell.left-collapsed{grid-template-columns:1fr}.office-shell.right-collapsed{grid-template-columns:220px minmax(0,1fr)}.office-shell.left-collapsed .floor-stage,.office-shell.left-collapsed .right-panel,.office-shell.left-collapsed.right-collapsed .floor-stage{grid-column:1/-1}.right-panel{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.office-map-v2{grid-template-columns:minmax(240px,.9fr) minmax(320px,1.1fr)}}@media (width<=920px){.join-screen{padding:16px}.join-stage,.join-card{padding:20px}.join-stage-stats,.join-stage-grid,.join-people-list.compact{grid-template-columns:1fr}.office-app{padding:12px}.topbar,.workday-timeline,.stage-topline{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.stage-actions{justify-content:flex-start}.presence-strip{justify-content:space-between}.office-shell,.right-panel,.office-shell.right-collapsed,.office-shell.left-collapsed,.office-shell.left-collapsed.right-collapsed{grid-template-columns:1fr}.office-map-v2{grid-template-columns:1fr;grid-template-areas:"desk""rooms""focus""service";min-height:0}.timeline-controls{justify-content:flex-start}.people-overlay-grid,.people-result-list,.interior-content,.hub-hero,.hub-board{grid-template-columns:1fr}.hub-hero{flex-direction:column}.interior-people{justify-content:flex-start}.interior-actions{grid-template-columns:1fr;margin-top:120px}}@media (width<=700px){.office-map{aspect-ratio:auto;gap:10px;min-height:0;padding:12px;display:grid}.office-map-v2{display:grid}.office-map:before,.office-map:after,.floor-grid,.walkway-label{display:none}.desk-zone,.hub-zone,.calendar-zone,.office-room{width:auto;min-height:78px;position:relative;inset:auto}.hub-zone{grid-template-columns:24px 1fr auto}.desk-bank-grid,.room-door-grid,.service-zone,.grab-actions{grid-template-columns:1fr}.grab-actions .primary-action{grid-column:auto}.room-door-footer,.room-door-actions{flex-direction:column;align-items:stretch}.people-overlay-backdrop{align-items:stretch;padding:10px}.people-overlay{max-height:calc(100vh - 20px);padding:14px}.people-overlay-head{flex-direction:column;align-items:stretch}.person-card-actions{grid-template-columns:1fr}.room-door-actions .secondary-action,.timeline-controls .secondary-action,.timeline-controls .primary-action{width:100%}.place-interior,.communications-hub{min-height:0}.interior-content,.communications-hub{padding:14px}.interior-backdrop{display:none}.interior-actions{margin-top:12px}.interior-copy h2,.hub-hero h2{font-size:28px}}@media (width<=560px){.join-stage-hero h1{font-size:30px}.join-stat strong{font-size:24px}.join-person-card,.join-room-card,.join-hint,.join-highlight-row{flex-direction:column;align-items:flex-start}.join-room-avatars{justify-content:flex-start}.join-submit{gap:6px}.interior-door-sign{border:1px solid #222a361a;border-left:5px solid var(--room-tone);background:#fffc;border-radius:8px;gap:4px;max-width:420px;margin-top:16px;padding:12px;display:grid}.interior-door-sign span,.interior-door-sign small{color:var(--muted);font-size:12px;font-weight:900}.interior-door-sign strong{color:var(--ink);line-height:1.25}.topbar h1,.floor-stage h2,.panel-card h2{font-size:20px}.presence-strip,.room-actions,.stage-actions{flex-direction:column;align-items:stretch}.text-button,.primary-action,.secondary-action,.stage-actions .notification-toast{width:100%}}.v2-badge{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:700;line-height:1}