.release-avatar{display:inline-flex;align-items:center;justify-content:center;background:#eee5ff;color:#6740b5;font-size:14px;font-weight:800;flex-shrink:0;border-radius:50%}
.release-account{min-width:44px;min-height:44px}
.release-onboarding{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:55px;align-items:center;overflow:hidden}
.release-onboarding>div>h2{font-size:40px;letter-spacing:-1.3px;line-height:1.18;margin:20px 0}
.release-onboarding>div>p{font-size:16px;color:var(--ui-muted);line-height:1.8;max-width:40ch;margin-bottom:25px}
.release-onboarding>div>small{display:block;font-size:12px;color:var(--ui-muted);margin-top:15px}
.release-welcome{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#fff0e4;color:#9f6650}.release-welcome>.iskra-symbol{width:34px;height:34px}
.release-card-placeholder{padding:35px;background:radial-gradient(ellipse,#e9dcff,transparent 70%);transform:rotate(-5deg)}
.release-card-placeholder .business-card{opacity:.9;min-height:250px}.release-card-placeholder .card-details h2{font-size:30px}
.release-empty{padding:42px 24px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;gap:14px}
.release-empty-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#f0e7ff;color:#7952e8}.release-empty-symbol>.icon{width:25px;height:25px}
.release-empty h2{font-size:22px;letter-spacing:-.5px;line-height:1.35;overflow-wrap:anywhere}.release-empty p{font-size:14px;color:var(--ui-muted);line-height:1.75;max-width:42ch}.release-empty .button{margin-top:8px}
.release-feature-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:28px}.release-feature-strip h2{font-size:21px;letter-spacing:-.4px}.release-feature-strip p{color:var(--ui-muted);font-size:14px;line-height:1.75;margin-top:8px}
.release-feature-strip>.button{flex-shrink:0}
.release-nearby-status{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:16px;border:1px solid var(--ui-line);border-radius:16px;color:var(--ui-muted);font-size:13px;line-height:1.6}.release-nearby-status>.icon{color:var(--ui-violet)}.release-nearby-status>.button{margin-left:auto}
.release-explore{height:600px}.release-explore .map-viewport{position:relative}.release-explore #release-map{position:absolute;inset:0}.release-explore .map-bottom{position:relative;left:0;right:0;bottom:0;background:var(--ui-surface)}.release-explore .map-legend{font-size:11px}.release-explore .people-list{padding:0}.release-explore .people-list .release-empty{padding:38px 22px}
.release-self-marker{width:18px;height:18px;border:4px solid white;background:#7952e8;border-radius:50%;box-shadow:0 0 0 8px #7952e830}
.release-person-marker{width:44px;height:44px;border:3px solid white;background:#7952e8;border-radius:50%;color:white;font-weight:800;box-shadow:0 4px 18px #24113733}
.release-editor{max-width:720px}.release-editor .modal-body{padding:36px}.release-editor .form-grid{margin-top:20px}.release-design-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.release-design-fields input[type=color]{width:100%;height:48px;padding:6px}.release-checkbox{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ui-muted)}.release-checkbox input{width:22px;height:22px;accent-color:#7952e8}
.release-service-editor{border:1px solid var(--ui-line);border-radius:16px;padding:20px;margin:16px 0}.release-service-editor legend{font-size:14px;font-weight:750}.release-service-editor>.form-field{margin-bottom:16px}
.release-form-error{font-size:13px;color:var(--ui-error,#a33c5d);line-height:1.7;margin:12px 0}.release-auth .form-field,.company-editor .form-field{margin:18px 0}.release-recovery{display:block;font-size:14px;padding:20px;background:var(--ui-canvas);border:1px dashed var(--ui-line);border-radius:12px;overflow-wrap:anywhere;margin:20px 0;user-select:all}
.release-locator-arrow{display:grid;place-items:center;width:100%;height:100%;color:var(--ui-violet)}.release-locator-arrow .icon{width:65%;height:65%;stroke-width:2.3}
.company-cover>span{overflow-wrap:anywhere;max-width:100%;font-size:40px}
:root[data-theme=dark] .release-avatar,:root[data-theme=dark] .release-empty-symbol{background:#3d2b55;color:#dfc7ff}:root[data-theme=dark] .release-welcome{background:#44313b;color:#ffcab2}:root[data-theme=dark] .release-card-placeholder{background:radial-gradient(ellipse,#3a284e,transparent 70%)}
@media(max-width:1000px){.release-onboarding{padding:32px;gap:20px}.release-onboarding>div>h2{font-size:37px}.release-card-placeholder{padding:15px}.release-explore{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:800px){.release-explore{grid-template-columns:1fr;height:auto}.release-explore .map-viewport{height:390px;min-height:390px}.release-explore .map-bottom{min-height:62px}.release-explore .people-list{max-height:none}.release-onboarding{grid-template-columns:1fr;padding:28px;gap:24px}.release-onboarding>div>h2{font-size:37px}.release-onboarding>div>p{font-size:15px}.release-card-placeholder{padding:14px 8px;transform:rotate(-3deg)}.release-card-placeholder .business-card{min-height:220px}.release-feature-strip{align-items:flex-start;flex-direction:column;padding:24px}.release-feature-strip .button{width:100%}.release-nearby-status{font-size:13px;align-items:flex-start;flex-wrap:wrap}.release-nearby-status>.button{margin:0}.release-account{padding:10px;min-width:44px}.release-account>span{display:none}.release-editor .modal-body{padding:28px 22px}.release-editor .form-grid{grid-template-columns:1fr}.release-editor .span2{grid-column:auto}.release-explore .map-legend{max-width:calc(100% - 130px)}.release-empty h2{font-size:23px}.release-empty p{font-size:15px}.release-design-fields{grid-template-columns:1fr 1fr}.release-onboarding .button{width:100%}.guest-page .services-public{width:100%}}
.release-comparison-map{position:absolute;inset:0}.phone-map-wrap{position:relative}.phone-copy>div>b{font-size:11px;line-height:1.6}.phone-map-wrap .maplibregl-ctrl-attrib{font-size:8px}
#app>main.maps-comparison{margin-left:0}
/* Nearby opens around the map; people and controls continue below it. */
.page-nearby>.page-heading{align-items:center;margin-bottom:18px;gap:20px}
.page-nearby>.page-heading .eyebrow{display:none}
.page-nearby>.page-heading h1{font-size:36px;line-height:1.15;letter-spacing:-1.2px}
.page-nearby>.page-heading p{margin-top:7px;font-size:13px}
.page-nearby .release-explore{display:flex;flex-direction:column;gap:20px;height:auto;grid-template-columns:none}
.release-explore .map-panel{width:100%;min-width:0;position:relative;overflow:hidden;border-radius:26px;flex-shrink:0}
.release-explore .map-viewport{height:clamp(320px,45svh,500px);min-height:320px;width:100%}
.release-explore .map-top{position:absolute;inset:18px 18px auto;padding:0;z-index:3}
.release-explore .map-bottom{position:absolute;inset:auto 12px 12px;padding:9px 10px;z-index:3;border:1px solid var(--ui-line);border-radius:17px;background:var(--ui-surface);box-shadow:0 4px 24px #24113712;gap:12px}
.release-explore .map-legend{max-width:calc(100% - 135px);line-height:1.5}
.release-explore .map-controls{flex-shrink:0}
.release-explore .people-panel{min-height:0;width:100%;border-radius:23px;overflow:hidden}
.release-explore .people-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}
.release-explore .people-list:has(.release-empty){display:block}
.release-explore .people-list .release-empty{min-height:0;padding:24px;display:grid;grid-template-columns:44px 1fr auto;text-align:left;gap:5px 16px;align-items:center}
.release-explore .people-list .release-empty-symbol{width:44px;height:44px;grid-row:1/3}
.release-explore .people-list .release-empty h2{font-size:18px}
.release-explore .people-list .release-empty p{grid-column:2;max-width:none;font-size:13px}
.release-explore .people-list .release-empty .button{grid-column:3;grid-row:1/3;margin:0}
.page-nearby>.release-nearby-status{margin-top:18px}
.release-explore .maplibregl-ctrl-bottom-right{bottom:82px}
.release-explore .maplibregl-ctrl-attrib{font-size:10px}
@media(max-width:1100px){.release-explore .people-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
 .content.page-nearby{padding:14px 16px 32px}
 .page-nearby>.page-heading{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px;align-items:center}
 .page-nearby>.page-heading h1{font-size:27px;letter-spacing:-.8px;white-space:nowrap}
 .page-nearby>.page-heading p{display:none}
 .page-nearby .heading-actions{display:flex;width:100%;flex:0 0 100%;flex-wrap:wrap;justify-content:space-between;margin:0;gap:12px}
 .page-nearby .heading-actions>.visibility{padding:8px 9px;min-height:42px;gap:7px;font-size:10px}
 .page-nearby .heading-actions>.visibility .switch{width:28px;height:17px}
 .page-nearby .heading-actions>.visibility .switch i{width:11px;height:11px;top:3px;left:3px}
 .page-nearby .heading-actions>.visibility.is-on .switch i{transform:translateX(11px)}
 .page-nearby .heading-actions>.button{font-size:0;width:42px;min-width:42px;min-height:42px;padding:10px;gap:0}
 .page-nearby .heading-actions>.button>.icon{width:20px;height:20px}
 .page-nearby .release-explore{gap:18px}
 .release-explore .map-panel{border-radius:22px}
 .release-explore .map-viewport{height:clamp(260px,38svh,360px);min-height:260px}
 .release-explore .map-top{inset:12px 12px auto}
 .release-explore .map-bottom{inset:auto 9px 9px;min-height:52px;padding:7px;border-radius:15px}
 .release-explore .map-legend{font-size:10px;max-width:calc(100% - 128px)}
 .release-explore .people-list{grid-template-columns:1fr}
 .release-explore .people-list .release-empty{display:flex;text-align:center;padding:24px 18px;gap:10px}
 .release-explore .people-list .release-empty .button{margin-top:5px}
 .page-nearby>.release-nearby-status{font-size:12px;padding:13px}
}
@media(max-width:360px){.content.page-nearby{padding-left:10px;padding-right:10px}.page-nearby>.page-heading h1{font-size:24px}.page-nearby .heading-actions{gap:5px}.page-nearby .heading-actions>.visibility{font-size:9px;padding:8px;gap:5px}}
.release-live-locator .locator-compass{position:relative;margin:28px auto;width:min(290px,72vw);height:min(290px,72vw);background:radial-gradient(circle,transparent 37%,var(--ui-line) 37.5%,transparent 38%,transparent 65%,var(--ui-line) 65.5%,transparent 66%)}
.release-live-locator .release-locator-arrow{position:absolute;inset:0;transition:transform .15s linear}
.release-locator-center{position:absolute;inset:0;display:grid;place-items:center;color:var(--ui-muted)}
.release-locator-center[hidden]{display:none}.release-locator-center .icon{width:48px;height:48px;opacity:.45}
.release-live-locator .locator-reading>strong{font-size:48px;line-height:1.2}.release-live-locator .locator-reading>p{min-height:40px;line-height:1.5}
.release-sensor-state{text-align:center;font-size:12px;color:var(--ui-muted);line-height:1.6;margin:12px 0}
.release-live-locator [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.release-live-locator .release-locator-arrow{transition:none}}
.release-explore .map-bottom .map-legend{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0;max-height:34px;background:transparent;border:0;padding:0}
.release-explore .map-bottom .map-controls{display:flex;gap:5px}
.release-explore .map-bottom .map-controls button{width:36px;height:36px;min-width:36px;min-height:36px}
.page-nearby .heading-actions>.visibility>span:last-child{font-size:11px}
.release-live-locator .locator-header{display:block;padding-right:35px}
.release-live-locator .locator-header>.eyebrow{display:block;font-size:10px;margin-bottom:10px}
.release-live-locator .locator-header h2{font-size:27px;line-height:1.2;letter-spacing:-.8px}
.onevl-return-page{margin:0 auto!important;max-width:620px;padding:clamp(40px,10vh,120px) 24px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-height:100svh}
.onevl-return-page h1{font-size:clamp(36px,7vw,62px);line-height:1.1;letter-spacing:-1.8px}.onevl-return-page p{font-size:16px;line-height:1.8;color:var(--ui-muted)}
#onevl-return-actions{display:flex;flex-wrap:wrap;gap:12px}.onevl-return-page .subtle-note{font-size:12px;max-width:42ch}
.onevl-auth .form-field{margin:22px 0 12px}.onevl-auth input[type=tel]{font-size:20px;letter-spacing:.3px;min-height:54px}.onevl-auth .release-form-error{min-height:20px}
.onevl-channel-note{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 12px}.onevl-channel-note>span{padding:7px 12px;background:var(--ui-canvas);border:1px solid var(--ui-line);border-radius:20px;color:var(--ui-ink);font-size:12px;font-weight:700}.onevl-channel-note>small{flex-basis:100%;color:var(--ui-muted);font-size:12px;line-height:1.7;margin-top:5px}
.onevl-phone{font-size:clamp(20px,6vw,28px);font-weight:800;letter-spacing:-.5px;margin:24px 0 16px;overflow-wrap:anywhere}.onevl-pending-actions{display:grid;gap:12px;margin:22px 0}.onevl-countdown{font-size:13px;font-weight:700;color:var(--ui-violet);margin:14px 0}.onevl-account-phone{color:var(--ui-muted);font-size:13px;line-height:1.8;margin:22px 0}.onevl-account-phone strong{font-size:17px;color:var(--ui-ink)}
:root[data-theme=dark] .onevl-countdown{color:#d7c2ff}

/* Production interface: explicit component states and readable user content. */
.business-card{background:linear-gradient(130deg,var(--card-accent),var(--card-end,var(--card-accent)));color:var(--card-ink,#fff)}
.business-card.template-minimal{background:var(--card-accent)}
.business-card.template-orbit{background:#fdf8ff;color:var(--card-ink,#39254e)}
.business-card .card-industry,.business-card .card-details p,.business-card .card-details small,.business-card .card-bottomline{opacity:1;color:inherit}
.business-card .card-industry{font-size:11px}
.business-card .card-details h2{display:block;overflow:visible;-webkit-line-clamp:unset;font-size:clamp(23px,2.3vw,29px);line-height:1.2;overflow-wrap:anywhere;margin:8px 0}
.business-card .card-details p,.business-card .card-details small{white-space:normal;overflow:visible;text-overflow:clip;font-size:13px;line-height:1.5;max-width:none;margin:5px 0}
.business-card .card-bottomline{font-size:12px}
.nearby-unavailable{max-width:760px;margin:24px auto}
.nearby-unavailable .release-empty{padding:clamp(28px,6vw,64px) 24px}
.guest-details .guest-role{font-size:15px;line-height:1.6;margin:10px 0 20px}
.guest-details .guest-actions{display:grid;gap:10px;margin:20px 0 24px}
.guest-actions .button{margin:0;min-height:48px;font-size:14px}
.guest-details .guest-bio{font-size:15px;line-height:1.8}
.modal.release-editor{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 24px)}
.modal.release-editor:not(.locator-modal)>.modal-close{position:absolute;top:12px;right:12px;margin:0;float:none}
.profile-editor-heading{padding:28px 76px 18px 28px;border-bottom:1px solid var(--ui-line);flex-shrink:0}
.profile-editor-heading h2{font-size:26px;line-height:1.25;color:var(--ui-ink)}
.profile-editor-heading p{font-size:13px;color:var(--ui-muted);line-height:1.6;margin-top:10px}
#profile-form{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.profile-editor-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 28px 20px;scroll-padding:20px}
.profile-editor-section{border-bottom:1px solid var(--ui-line);padding-bottom:14px}
.profile-editor-section>summary{font-size:16px;font-weight:750;color:var(--ui-ink);padding:18px 0;cursor:pointer;min-height:48px}
.profile-editor-section .form-grid{margin-top:0}
.profile-editor-section .release-design-fields{margin-top:0}
.profile-editor-footer{flex-shrink:0;padding:14px 28px 20px;background:var(--ui-surface);border-top:1px solid var(--ui-line)}
.profile-editor-footer .form-actions{margin-top:10px;flex-wrap:nowrap}
.profile-editor-footer .button{font-size:14px;min-height:48px}
.profile-editor-footer .subtle-note{margin:0;font-size:12px}
@media(max-width:600px){.profile-editor-heading{padding:24px 68px 16px 20px}.profile-editor-heading h2{font-size:23px}.profile-editor-scroll{padding:0 20px 20px}.profile-editor-footer{padding:12px 16px max(16px,env(safe-area-inset-bottom))}.profile-editor-footer .form-actions{gap:8px}.profile-editor-footer .button{padding:12px;font-size:13px}.profile-editor-footer [type=submit]{flex:1}.guest-card>.business-card{padding:24px}.release-card-placeholder{padding:8px 0;transform:none}.release-onboarding .business-card{opacity:1}}
/* On phones the card becomes a compact cover; the full identity and contacts follow below. */
@media(max-width:600px){.guest-card>.business-card{padding:22px}.guest-card>.business-card .card-details{margin-top:14px}.guest-card>.business-card .card-industry,.guest-card>.business-card .card-details p,.guest-card>.business-card .card-details small,.guest-card>.business-card .card-bottomline{display:none}.guest-details{padding:22px}.guest-details h1{font-size:25px;hyphens:auto}}
