/* Compact signed-in app surfaces. Map remains the room's main content. */
:root{--ink:#163b4a;--bg:#f4f7f8;--line:#e2e9ec;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.site-header{height:76px;max-width:840px;padding:0 24px}.brand{font-size:1.1rem;letter-spacing:-.025em}.brand-spark{width:35px;height:35px;border-radius:10px}
.shell{max-width:840px;padding:4px 24px 115px}.home-heading{padding:12px 0 6px}.home-heading h1{font-size:1.85rem;letter-spacing:-.04em;line-height:1.2}.home-heading p{font-size:.9rem;color:var(--muted);margin-top:5px}.home-actions{margin:18px 0 25px}.home-actions .btn{border-radius:15px;min-height:48px}.section-heading{margin:18px 0 12px}.section-heading h2{font-size:1rem;font-weight:650}.count{font-size:.7rem;background:#e5eef1;color:#385f6e}.room-cards{display:flex;flex-direction:column;gap:10px}
.event-row{display:flex;align-items:center;border:1px solid #e4eaed;background:#fff;border-radius:19px;min-width:0}.event-link{display:flex;flex:1;min-width:0;gap:14px;padding:18px;text-decoration:none;color:var(--ink)}.event-link>span:last-child{min-width:0}.event-date{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;background:#eef7f8;color:#b93632}.event-link small{display:block;color:var(--muted);font-size:.73rem}.event-link h3{font-size:1.08rem;margin:4px 0;line-height:1.3}.event-link p{font-size:.8rem;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:480px}.event-role{display:block;margin-top:8px;font-size:.66rem;color:#55717c}.event-more{box-shadow:none;border:0;width:44px;height:44px;margin-right:8px;background:#f3f7f8}.event-more svg{stroke-width:4}.event-menu{display:flex;flex-direction:column;margin-top:18px}.event-menu button{display:flex;align-items:center;gap:14px;background:white;border:0;border-bottom:1px solid var(--line);text-align:left;padding:17px 5px;min-height:52px;color:var(--ink)}.event-menu button.red{color:#af302b}.compact-empty{border:0;min-height:190px;background:#fff;border-radius:20px;padding:26px}.compact-empty>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e6f4f7;margin-bottom:14px}.compact-empty h2{font-size:1.2rem}.compact-empty p{font-size:.85rem;margin-top:8px;margin-bottom:0;max-width:280px}
.bottom-nav{max-width:390px;border-radius:23px;padding:8px;box-shadow:0 8px 30px #183d4c1a}.bottom-nav button{min-height:48px}.map-top{gap:10px}.picker-top .map-title{background:#fffffff2;border-radius:18px;padding:10px 13px}.map-title h1{line-height:1.25;letter-spacing:-.03em}.map-side{top:35%;gap:7px}.map-side .round-btn{width:43px;height:43px;border-radius:14px}.map-side [data-action=room-people],.map-side [data-action=room-chat]{margin-top:2px}.map-controls{top:39%;border-radius:16px}.map-controls button{height:42px}.crew-dock{padding:10px 14px 8px;border-radius:25px}.location-row{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:26px;padding:0 3px;color:#4d6672;font-size:.7rem}.location-row span{line-height:1.4}.location-row [data-kind=live]{color:#20624c}.location-row [data-kind=denied],.location-row [data-kind=upload_failed]{color:#a32e2b}.location-row .text-btn{font-size:.7rem;min-height:28px;padding:3px 7px}.location-row [hidden]{display:none}.attribution{bottom:200px}.picker-stage .attribution{bottom:116px}.dock-actions .btn{border-radius:14px}.crew-peek{font-weight:600}.status-main:disabled{opacity:1;background:#e4f2e9;color:#285e47;cursor:default}
.pin.destination{width:30px;height:38px;border:0;background:transparent;border-radius:0;box-shadow:none;transform:translate(-50%,-100%);rotate:none;overflow:visible;filter:drop-shadow(0 2px 3px #23333b44)}.pin.destination svg{width:30px;height:38px;fill:#d9433c;stroke:#fff;stroke-width:1.5}.pin.destination svg circle{fill:white;stroke:none}.pin:not(.destination){width:39px;height:39px;border:3px solid white;overflow:visible;box-shadow:0 2px 8px #163b4a33;font-size:.7rem}.pin:not(.destination) img{border-radius:50%}.pin.self{border-color:#2181b3}.pin.approximate{border-style:dashed}.pin:not(.destination)::after{content:attr(data-label);position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);background:#fffffff5;padding:3px 7px;border-radius:8px;font-size:10px;font-weight:650;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis;color:#163b4a}.pin.self::after{background:#e2f3fc;color:#12547b}.pin-bubble{width:32px;height:36px;background:transparent;color:#c93b33}.pin-bubble svg{width:25px;height:30px}.pick-bottom{border-radius:22px}.sharing-line{font-size:.68rem}
@media(max-width:600px){.site-header{height:70px;padding:0 20px}.shell{padding:2px 20px 115px}.home-heading{padding-top:8px}.home-heading h1{font-size:1.65rem}.home-actions .btn{font-size:.84rem;flex:1;padding:12px}.event-link{padding:16px 13px;gap:11px}.event-link p{max-width:235px}.event-more{margin-right:5px}.map-screen .shell{padding:0}.location-row{font-size:.65rem}.crew-dock{bottom:12px}.map-notice{max-width:calc(100% - 32px)}.attribution{bottom:198px}}
@media(max-height:600px){.location-row{min-height:22px;font-size:.6rem}.map-notice{display:none}.attribution{bottom:145px}.crew-dock{bottom:8px}.map-side{top:24%;gap:4px}.map-controls{top:25%}}
@media(prefers-reduced-motion:reduce){.pin{transition:none}}
