:root{color-scheme:light;--bg: #f5f7f9;--surface: #ffffff;--surface-soft: #eef4f8;--text: #162027;--muted: #66727c;--line: #d8e1e8;--primary: #087f8c;--primary-strong: #075d68;--accent: #b6402b;--warning: #f5b841;--ok: #1f8a5b;--shadow: 0 10px 26px rgba(28, 44, 54, .09);--text-muted: var(--muted);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:var(--bg);color:var(--text)}html[dir=rtl]{direction:rtl}a{color:var(--primary-strong)}button,input,select{font:inherit}input,select{direction:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:14px clamp(16px,4vw,48px);border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--text);font-weight:800;text-decoration:none}.brand-mark{width:24px;height:24px;flex-shrink:0}.topbar-actions,.button-row,.toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.select-control,select,input{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:12px 13px}.select-control{width:auto;min-width:116px}.view{padding:clamp(18px,4vw,48px)}.hidden{display:none!important}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,420px);gap:clamp(24px,5vw,72px);align-items:center;min-height:calc(100vh - 168px)}.hero-copy{max-width:780px}.eyebrow{margin:0 0 12px;color:var(--primary-strong);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(2.35rem,5vw,4.4rem);line-height:1;letter-spacing:0}.viewer-toolbar h1{font-size:clamp(2rem,4vw,3.2rem)}.room-countdown{display:inline-flex;align-items:center;min-height:34px;margin:12px 0 0;border:1px solid rgba(8,127,140,.22);border-radius:999px;background:var(--surface-soft);color:var(--primary-strong);padding:6px 12px;font-size:.92rem;font-weight:900}.room-countdown[data-tone=expired]{border-color:#b6402b52;background:#fff2ee;color:var(--accent)}h2{margin:0;font-size:1rem}.lede{max-width:620px;margin:22px 0 0;color:var(--muted);font-size:1.18rem;line-height:1.65}.control-panel,.status-card,.trust-panel,.link-board,.people-panel,.upgrade-notice,.ad-slot{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.control-panel,.status-card{display:grid;gap:18px;padding:clamp(18px,3vw,28px)}.trust-panel{display:grid;gap:14px;max-width:980px;margin-top:-28px;padding:18px;box-shadow:none}.trust-panel.compact{margin:0 0 18px;background:#f9fcfd}.trust-panel h2{font-size:1.2rem}.trust-list,.summary-list{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--muted);line-height:1.5}html[dir=rtl] .trust-list,html[dir=rtl] .summary-list{padding-right:20px;padding-left:0}.security-summary{padding:12px;border:1px solid rgba(8,127,140,.18);border-radius:8px;background:var(--surface-soft)}.inline-trust{display:grid;gap:4px;border-left:4px solid var(--primary);background:var(--surface-soft);color:var(--muted);padding:12px 14px;line-height:1.45}html[dir=rtl] .inline-trust{border-right:4px solid var(--primary);border-left:0}.inline-trust strong{color:var(--text)}.share-panel{max-width:760px;margin-bottom:22px}.status-card h1{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.08}label{display:grid;gap:8px;color:var(--muted);font-size:.92rem;font-weight:700}.primary-button,.secondary-button,.map-toggle,.icon-button{min-height:44px;border:1px solid transparent;border-radius:8px;padding:0 16px;font-weight:800}.danger-button{min-height:44px;border:1px solid rgba(182,64,43,.36);border-radius:8px;background:#fff2ee;color:var(--accent);padding:0 16px;font-weight:800}.danger-button:hover{border-color:#b6402b9e;background:#ffe7df}.primary-button{background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-strong)}.secondary-button,.map-toggle,.icon-button{border-color:var(--line);background:#fff;color:var(--text)}.map-toggle.active{border-color:#087f8c59;background:var(--surface-soft);color:var(--primary-strong)}.icon-button{width:44px;padding:0;font-size:1.2rem}button:disabled{cursor:not-allowed;opacity:.52}.link-board{display:grid;gap:14px;max-width:980px;margin-top:-36px;padding:18px}.link-board div{display:grid;gap:4px}.label{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.status-layout{display:grid;grid-template-columns:minmax(0,600px) minmax(240px,1fr);gap:22px;align-items:start}.status-text{min-height:54px;margin:0;color:var(--muted);line-height:1.55}.status-text[data-tone=ok]{color:var(--ok)}.status-text[data-tone=error]{color:var(--accent)}.viewer-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:stretch}.map{position:relative;min-height:min(68vh,720px);border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#dce7ec}.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.map-floating-button{position:absolute;top:12px;right:12px;z-index:1000;background:#fff;border:1px solid var(--line);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;color:var(--text-muted);transition:all .2s cubic-bezier(.4,0,.2,1)}.map-floating-button:hover{background:var(--surface-soft);color:var(--text);transform:scale(1.05)}.map-floating-button.active{background:var(--primary-strong);color:#fff;border-color:var(--primary-strong)}.map-floating-button.active:hover{background:#176845}.people-panel{min-height:360px;padding:16px;box-shadow:none}.people-panel-handle{display:none}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}#peopleCount{display:inline-grid;place-items:center;min-width:34px;height:30px;border-radius:999px;background:var(--surface-soft);color:var(--primary-strong);font-weight:900}.people-list{display:grid;gap:10px;margin-top:14px}.person-card{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.person-card span{display:block;margin-top:4px;color:var(--muted);font-size:.82rem}.empty-text{color:var(--muted);line-height:1.5}.ad-slot{display:grid;place-items:center;min-height:150px;border-style:dashed;color:#76520b;background:#fff6df;box-shadow:none;font-weight:900;text-align:center}.receiver-ad{min-height:92px;margin-top:18px}.upgrade-notice{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:14px;background:#fff2ee;box-shadow:none}.upgrade-notice span{color:var(--muted);flex:1}.receiver-intro{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;border:1px solid rgba(8,127,140,.22);border-radius:8px;background:#edf8f7;color:var(--text)}.receiver-intro strong{flex:0 0 auto;color:var(--primary-strong);font-size:.9rem}.receiver-intro span{min-width:0;color:var(--muted);font-size:.9rem;line-height:1.45}.receiver-only-state .room-trust-details,.receiver-only-state .receiver-ad{display:none!important}.receiver-only-state .map-layout{margin-top:0}.advanced-room-options{display:grid;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.checkbox-option{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800}.checkbox-option input{width:18px;height:18px;accent-color:var(--primary)}.destination-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}.qr-card{display:inline-grid;place-items:center;width:164px;min-height:164px;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.qr-card canvas{width:144px!important;height:144px!important}.qr-card span{max-width:140px;overflow-wrap:anywhere;color:var(--muted);font-size:.75rem}.person-card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0b12187a;z-index:50}.modal-card{position:relative;display:grid;gap:16px;width:min(100%,460px);border-radius:8px;background:#fff;padding:24px;box-shadow:var(--shadow)}.modal-card p{margin:0;color:var(--muted);line-height:1.55}.modal-close{position:absolute;top:10px;right:10px}html[dir=rtl] .modal-close{right:auto;left:10px}.ad-modal{border-top:5px solid var(--warning)}.line-modal{border-top:5px solid #06C755;text-align:center;max-width:480px;animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1)}.line-icon-badge{font-size:48px;margin:0 auto;width:72px;height:72px;background:#f0fdf4;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(6,199,85,.15);box-shadow:0 4px 12px #06c7551a;animation:bounceSlow 3s infinite ease-in-out}.line-modal h2{color:#06c755;font-size:1.35rem;font-weight:800;margin-top:8px}.line-modal p{color:var(--muted);line-height:1.6!important;font-size:.95rem}.line-modal p b{color:var(--text)}.line-instructions{text-align:left;background:var(--surface-soft);padding:16px;border-radius:8px;border:1px solid var(--line);font-size:.9rem;margin:4px 0}html[dir=rtl] .line-instructions{text-align:right}.line-instructions-title{margin:0 0 10px!important;font-weight:800!important;color:var(--text)!important}.line-instructions ol{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--muted);line-height:1.5}html[dir=rtl] .line-instructions ol{padding-left:0;padding-right:20px}.line-btn{background:#06c755!important;border-color:#05b04b!important;color:#fff!important;transition:all .2s ease}.line-btn:hover{background:#05b04b!important;box-shadow:0 4px 12px #06c7554d}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:60;max-width:min(92vw,560px);border-radius:8px;background:#152028;color:#fff;padding:12px 16px;box-shadow:var(--shadow);font-weight:800;text-align:center}.legal-container{width:min(100%,880px);margin:0 auto;padding:clamp(24px,5vw,56px) clamp(18px,4vw,32px);line-height:1.72}.legal-header{display:grid;gap:10px;margin-bottom:30px}.legal-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.legal-language{min-width:190px}.back-link{color:var(--primary-strong);font-weight:800;text-decoration:none}.back-link:hover{text-decoration:underline}.legal-container h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.legal-container h2{margin:34px 0 10px;color:var(--primary-strong);font-size:1.18rem}.legal-container p{margin:0 0 14px;color:var(--muted)}.comparison-table-wrap{margin:18px 0 22px;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 10px 28px #1620270f}.comparison-table{width:100%;min-width:680px;border-collapse:collapse;font-size:.95rem}.comparison-table th,.comparison-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}html[dir=rtl] .comparison-table th,html[dir=rtl] .comparison-table td{text-align:right}.comparison-table th{color:var(--text);background:var(--surface-soft);font-weight:900}.comparison-table td{color:var(--muted)}.comparison-table tbody tr:last-child td{border-bottom:0}.comparison-table tbody tr:last-child th{border-bottom:0}.comparison-table tbody th{color:var(--primary-strong);background:#fff;font-weight:900;white-space:nowrap}.legal-intro{color:var(--text)!important;font-size:1.05rem}.update-date,.legal-footer{color:var(--muted);font-size:.88rem}.legal-footer{margin-top:44px;text-align:center}@media (max-width: 920px){.hero,.status-layout,.map-layout{grid-template-columns:1fr}.hero{min-height:auto}.viewer-toolbar{align-items:stretch;flex-direction:column}.toolbar-actions{align-items:stretch}.toolbar-actions>*{flex:1 1 150px}}@media (max-width: 560px){.topbar{align-items:stretch;flex-direction:column}h1{font-size:2.35rem;line-height:1.02}.view{padding:18px}.button-row,.toolbar-actions{align-items:stretch;flex-direction:column}.primary-button,.secondary-button,.map-toggle{width:100%}.upgrade-notice{align-items:stretch;flex-direction:column}.destination-grid{grid-template-columns:1fr}.person-card-actions{justify-content:stretch}.person-card-actions .secondary-button{flex:1}.legal-actions{align-items:stretch;flex-direction:column}.legal-language{width:100%}}.avatar-selector-group{display:grid;gap:8px;margin-bottom:8px;width:100%}.avatar-label{color:var(--muted);font-size:.92rem;font-weight:700;text-align:left}html[dir=rtl] .avatar-label{text-align:right}.avatar-selector-workspace{display:flex;align-items:center;gap:16px;background:var(--surface-soft);padding:12px;border-radius:8px;border:1px solid var(--line)}.avatar-preview-wrapper{flex-shrink:0}.avatar-preview{width:52px;height:52px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 12px #087f8c2e;background:linear-gradient(135deg,#eef4f8,#dce7ec);display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden;background-size:cover;background-position:center}.avatar-options-panel{display:flex;flex-direction:column;gap:8px;flex-grow:1;min-width:0}.emoji-presets{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.emoji-presets::-webkit-scrollbar{height:4px}.emoji-presets::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.emoji-preset-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;padding:0;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.emoji-preset-btn:hover{transform:scale(1.15);border-color:var(--primary);box-shadow:0 2px 8px #087f8c26}.emoji-preset-btn.active{border-color:var(--primary);background:var(--surface-soft);transform:scale(1.15);box-shadow:0 2px 8px #087f8c40}.avatar-custom-actions{display:flex;align-items:center;gap:8px}.custom-file-upload-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:16px;transition:all .2s ease;padding:0;margin:0}.custom-file-upload-btn:hover{border-color:var(--primary);background:var(--surface-soft);transform:scale(1.1)}.custom-emoji-input{max-width:80px;height:32px;padding:4px 8px!important;font-size:14px;border-radius:6px!important;text-align:center}.custom-map-avatar-container{background:transparent!important;border:none!important}.custom-map-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 4px 10px #00000047;background:linear-gradient(135deg,#eef4f8,#dce7ec);display:flex;align-items:center;justify-content:center;font-size:22px;position:relative;transition:transform .2s ease;overflow:hidden;background-size:cover;background-position:center}.custom-map-avatar:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:#ffffff transparent;display:block;width:0}.custom-map-destination-container{background:transparent!important;border:none!important}.custom-map-destination{width:40px;height:40px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 4px 12px #e85d3f66;background:linear-gradient(135deg,#ff8a65,#e85d3f);display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;transition:transform .2s ease;overflow:hidden;color:#fff;animation:pulse-destination 2s infinite ease-in-out}.custom-map-destination:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:#e85d3f transparent;display:block;width:0}@keyframes pulse-destination{0%{transform:scale(1);box-shadow:0 4px 12px #e85d3f66}50%{transform:scale(1.08);box-shadow:0 4px 20px #e85d3fb3}to{transform:scale(1);box-shadow:0 4px 12px #e85d3f66}}.person-card{align-items:center}.person-card-avatar-wrapper{flex-shrink:0}.person-card-avatar{width:38px;height:38px;border-radius:50%;border:2px solid var(--line);background:linear-gradient(135deg,#eef4f8,#dce7ec);display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden;box-shadow:0 2px 6px #0000000d;background-size:cover;background-position:center}.person-card-info{flex-grow:1;min-width:0;padding:0 4px}.share-settings-body{transition:all .3s cubic-bezier(.4,0,.2,1);max-height:500px;opacity:1;overflow:visible}.share-settings-body.hidden{max-height:0!important;opacity:0!important;overflow:hidden!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border:none!important;display:block!important}.destination-grid{display:flex!important;flex-direction:column;gap:12px}.coords-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.destination-search-section{position:relative;width:100%}.search-bar-group{display:flex;gap:8px;width:100%}.search-bar-group input{flex:1}.search-btn{background:var(--primary-strong);color:#fff;border:none;cursor:pointer;min-height:44px;font-weight:800;border-radius:8px;padding:0 16px;transition:background .2s ease}.search-btn:hover{background:#176845}.search-results{position:absolute;top:100%;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:8px;margin-top:4px;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column}.search-result-item{padding:10px 14px;font-size:.9rem;color:var(--text);cursor:pointer;border-bottom:1px solid var(--line);transition:background .2s ease,color .2s ease;text-align:left}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--surface-soft);color:var(--primary-strong)}.search-result-no-results{padding:14px;font-size:.9rem;color:var(--muted);text-align:center;font-style:italic}.quick-pick-toolbar{display:flex;gap:10px;width:100%}.toolbar-btn{flex:1;min-height:40px;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);font-weight:800;font-size:.88rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 4px #0000000a;transition:all .2s ease}.toolbar-btn:hover{background:var(--surface-soft);border-color:#087f8c4d;color:var(--primary-strong);transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.map-picker-content{width:min(100%,540px)!important;max-width:92vw;border-radius:12px!important;overflow:hidden;box-shadow:0 16px 48px #0b12183d!important;animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.map-picker-content .modal-header{padding:16px 20px;border-bottom:1px solid var(--line)}.map-picker-content .modal-header h3{margin:0;font-size:1.15rem;color:var(--text);font-weight:900}.map-picker-content .modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}#pickerMapContainer{height:320px;width:100%;border-radius:8px;border:1px solid var(--line);overflow:hidden;position:relative;background:#dce7ec}.picker-address-display{min-height:40px;padding:10px 12px;border-radius:6px;background:var(--surface-soft);border:1px solid rgba(8,127,140,.15);font-size:.88rem;color:var(--muted);line-height:1.45;text-align:left}.map-picker-content .modal-footer{padding:16px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.modal.hidden{display:none!important}html,body{max-width:100%;overflow-x:hidden}.hero>*,.control-panel>*,.status-card>*,.share-settings-body,.share-settings-body>*,.advanced-room-options-body>*,.viewer-toolbar>*,.map-layout>*,.link-board>*,.room-details-body>*,.created-link-grid>*,.created-link-card{min-width:0}.advanced-room-options{display:block;padding:0;overflow:hidden}.advanced-room-options>summary,.room-details>summary,.profile-avatar-options>summary{min-height:48px;padding:13px 14px;cursor:pointer;color:var(--primary-strong);font-weight:900;list-style-position:inside}.advanced-room-options[open]>summary,.room-details[open]>summary,.profile-avatar-options[open]>summary{border-bottom:1px solid var(--line)}.advanced-room-options-body,.room-details-body{display:grid;gap:14px;padding:14px}.profile-avatar-options{min-width:0;margin-top:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.profile-avatar-options .avatar-selector-group{min-width:0;margin:0;padding:12px}.destination-grid{min-width:0;padding-top:2px}.destination-grid.hidden{display:none!important}.destination-grid input,.search-bar-group input,.coords-row>*,.coords-row input{min-width:0}.link-board{width:min(100%,760px);margin-top:24px}.home-view.room-created-state .hero{grid-template-columns:minmax(0,780px);min-height:auto}.home-view.room-created-state .trust-panel{margin-top:24px}.created-room-heading{display:grid;gap:8px}.created-room-heading h2{font-size:clamp(1.35rem,3vw,1.8rem)}.created-room-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.created-room-actions>:first-child{grid-column:1 / -1}.action-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid transparent;border-radius:8px;padding:0 16px;font-weight:800;text-align:center;text-decoration:none}.room-details{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.created-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.created-link-card{display:grid;align-content:start;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.created-link-url{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.created-link-card .qr-card{justify-self:start}.share-title{margin:0;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.08}.viewer-toolbar{align-items:center;margin-bottom:12px}.viewer-heading{min-width:0}.viewer-heading .room-countdown{margin-top:8px}.toolbar-actions{flex-wrap:nowrap}.map-provider-toggle{display:inline-flex;min-width:0;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.map-provider-toggle .map-toggle{min-height:44px;border:0;background:transparent;padding:0 12px;white-space:nowrap}.map-provider-toggle .map-toggle.active{background:#fff;box-shadow:0 1px 4px #1c2c361f}.compact-button{min-height:44px;white-space:nowrap}.room-trust-details{margin-top:14px;box-shadow:none}.room-trust-details .eyebrow{margin-bottom:6px}.map-floating-button{width:44px;height:44px}.leaflet-control-zoom a{width:44px!important;height:44px!important;line-height:44px!important}.emoji-preset-btn{width:44px;height:44px;font-size:20px}.custom-emoji-input,.toolbar-btn{min-height:44px}.person-card[data-offline=true]{background:#f5f7f9}.person-card[data-offline=true] [data-person-name]:after{content:" ·";color:var(--muted)}.toast[data-tone=error]{background:#8f2f20}@media (max-width: 920px){.share-panel{max-width:none}.map-layout{grid-template-columns:minmax(0,1fr);position:relative;padding-bottom:60px}.people-panel{position:fixed;bottom:0;left:0;right:0;z-index:1050;max-height:80vh;height:60px;border-radius:16px 16px 0 0;border-left:none;border-right:none;border-bottom:none;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 20px #1c2c3626;padding:0 16px 16px;transition:height .3s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:0}.people-panel.expanded{height:380px}.people-panel-handle{display:flex;justify-content:center;align-items:center;width:100%;height:24px;cursor:pointer;background:transparent}.handle-bar{width:36px;height:4px;border-radius:2px;background:var(--line);transition:background .2s ease}.people-panel-handle:hover .handle-bar{background:var(--muted)}.people-panel .panel-header{border-bottom:none;padding-bottom:8px}.people-panel.expanded .panel-header{border-bottom:1px solid var(--line);padding-bottom:12px}.people-panel .people-list{max-height:calc(100% - 68px);overflow-y:auto;margin-top:8px;padding-bottom:12px}}@media (max-width: 560px){.topbar{align-items:center;flex-direction:row;flex-wrap:wrap}.topbar-actions{margin-left:auto}.hero{gap:22px}.hero-copy,.control-panel,.trust-panel,.link-board{width:100%;max-width:100%}.control-panel{gap:14px}.coords-row,.created-link-grid,.created-room-actions{grid-template-columns:minmax(0,1fr)}.created-room-actions>:first-child{grid-column:auto}.quick-pick-toolbar{flex-direction:column}.search-bar-group{align-items:stretch}.search-btn{flex:0 0 auto;padding-inline:14px}.viewer-toolbar{gap:10px}.viewer-heading{display:flex;align-items:center;gap:8px;width:100%}.viewer-heading #mapModeLabel{display:none}.viewer-toolbar h1{font-size:2rem}.viewer-heading .room-countdown{margin:0}.viewer-toolbar .toolbar-actions{flex-direction:row;flex-wrap:wrap;gap:8px;width:100%}.receiver-intro{align-items:flex-start;flex-direction:column;gap:4px}.map-provider-toggle{flex:1 1 220px}.map-provider-toggle .map-toggle{flex:1 1 0;width:auto;padding-inline:8px;font-size:.84rem}.viewer-toolbar .compact-button{width:auto;flex:0 0 auto}.map{min-height:max(52vh,420px)}.avatar-selector-workspace{gap:10px;padding:10px}.avatar-preview{width:48px;height:48px}.person-card{align-items:flex-start;flex-wrap:wrap}.person-card-info{flex:1 1 calc(100% - 60px)}.person-card-actions{width:100%;padding-left:50px}.person-card-actions .secondary-button{min-height:44px}.active-sharing-actions:not(.hidden){position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;z-index:1100;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0!important;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:0 10px 28px #1c2c3633;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.active-sharing-actions:not(.hidden)>*{width:100%}.qr-card{width:min(164px,100%)}.toast{bottom:max(16px,env(safe-area-inset-bottom))}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(8,127,140,.34);outline-offset:3px}.home-avatar-options{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.home-avatar-options>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:8px 12px 8px 14px;color:var(--muted);cursor:pointer;font-size:.92rem;font-weight:800;list-style-position:inside}.home-avatar-options>summary::marker{color:var(--primary-strong)}.home-avatar-options[open]>summary{border-bottom:1px solid var(--line)}.home-avatar-options .avatar-selector-group{margin:0;padding:10px}.home-avatar-options .avatar-selector-workspace{padding:0;border:0;background:transparent}.home-avatar-options .avatar-preview{width:42px;height:42px;margin-left:auto;font-size:22px}html[dir=rtl] .home-avatar-options .avatar-preview{margin-right:auto;margin-left:0}.trust-strip{grid-template-columns:minmax(180px,.75fr) minmax(0,2fr);align-items:center;width:min(100%,1100px);max-width:none;margin-top:20px;padding:16px 18px}.trust-strip .trust-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;list-style:none}.trust-strip .trust-list li{min-height:48px;padding:2px 18px;border-left:1px solid var(--line);font-size:.88rem}html[dir=rtl] .trust-strip .trust-list li{border-right:1px solid var(--line);border-left:0}.map-settings{position:relative}.map-settings>summary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:0 14px;cursor:pointer;font-weight:800;list-style-position:inside;white-space:nowrap}.map-settings[open]>summary{border-color:#087f8c61;background:var(--surface-soft);color:var(--primary-strong)}.map-settings-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1200;display:grid;gap:10px;width:min(340px,calc(100vw - 32px));padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}html[dir=rtl] .map-settings-menu{right:auto;left:0}.map-settings-menu .map-provider-toggle{width:100%}.map-settings-menu .map-toggle{flex:1 1 0;width:auto}.map-settings-menu .compact-button{width:100%}.room-status-strip{position:sticky;top:78px;z-index:15;display:flex;align-items:center;gap:9px;min-height:46px;margin-bottom:12px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:0 6px 18px #1c2c3614;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);font-size:.9rem}.room-status-eta-summary{font-weight:800;color:var(--primary-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px}@media (max-width: 560px){.room-status-eta-summary{max-width:140px;font-size:.82rem}}.room-status-strip strong{color:var(--text)}.room-status-strip #roomCountdown{margin-left:auto;color:var(--primary-strong);font-weight:900}html[dir=rtl] .room-status-strip #roomCountdown{margin-right:auto;margin-left:0}.status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px #087f8c1f}.room-status-strip[data-tone=sharing] .status-dot{background:var(--ok);box-shadow:0 0 0 4px #1f8a5b24}.room-status-strip[data-tone=expired] .status-dot{background:var(--accent);box-shadow:0 0 0 4px #b6402b24}.room-status-strip[data-tone=expired] #roomCountdown,.room-status-strip[data-tone=expired] strong{color:var(--accent)}.status-separator{width:1px;height:18px;background:var(--line)}.person-card[data-freshness=fresh] [data-person-name]:before,.person-card[data-freshness=delayed] [data-person-name]:before,.person-card[data-freshness=offline] [data-person-name]:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;vertical-align:1px}html[dir=rtl] .person-card [data-person-name]:before{margin-right:0;margin-left:7px}.person-card[data-freshness=fresh] [data-person-name]:before{background:var(--ok)}.person-card[data-freshness=delayed] [data-person-name]:before{background:#a36c00}.person-card[data-freshness=offline] [data-person-name]:before{background:#76818a}.person-card[data-freshness=delayed]{border-style:dashed;background:#fffaf0}.person-card[data-freshness=offline]{border-style:dashed;background:#f1f4f6}.person-card[data-freshness=offline] [data-person-name]:after{content:none}.custom-map-avatar.freshness-delayed{border-style:dashed;filter:saturate(.72)}.custom-map-avatar.freshness-offline{border-style:dashed;filter:grayscale(1);opacity:.58}.custom-map-destination{background:linear-gradient(135deg,#d95b3d 0%,var(--accent) 100%);box-shadow:0 4px 12px #b6402b52}@media (max-width: 920px){.trust-strip{grid-template-columns:minmax(0,1fr)}.trust-strip .trust-list li:first-child{padding-left:0;border-left:0}}@media (max-width: 680px){.trust-strip .trust-list{grid-template-columns:minmax(0,1fr)}.trust-strip .trust-list li,.trust-strip .trust-list li:first-child{min-height:0;padding:9px 0;border-top:1px solid var(--line);border-left:0}.room-status-strip{top:72px;flex-wrap:wrap}.room-status-strip #roomCountdown{width:100%;margin-left:18px}html[dir=rtl] .room-status-strip #roomCountdown{margin-right:18px;margin-left:0}.status-separator{display:none}.viewer-toolbar .toolbar-actions,.viewer-toolbar .map-settings{width:100%}.map-settings>summary{width:100%}.map-settings-menu{position:static;width:100%;margin-top:8px;box-shadow:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.map-settings,.viewer-toolbar{display:none!important}