/* A colourful entrance to the life map; the supplied artwork stays above it. */
#app.bv-welcome .bv-classic-header.bv-connect-header {
 position:relative;gap:22px 30px;padding:28px;
 background:#fffdf8;border:2px solid #29345c;border-radius:22px;
 box-shadow:0 6px 0 #29345c18;backdrop-filter:none;
}
#app.bv-welcome .bv-classic-header.bv-connect-header::before {
 content:'';position:absolute;top:0;left:22px;right:22px;height:6px;border-radius:0 0 6px 6px;
 background:linear-gradient(90deg,#ff6856 0 20%,#ffcb47 20% 40%,#a8d84d 40% 60%,#2aa99c 60% 80%,#7566c9 80% 100%);
}
#app.bv-welcome .bv-connect-header :is(h2,h3,p,small,label,span,a) {text-shadow:none;}
#app.bv-welcome .bv-connect-header .bv-wordmark {text-align:left;}
#app.bv-welcome .bv-connect-header .bv-wordmark small {
 display:inline-block;padding:6px 10px;margin:0;border:1px solid #d7d0ed;border-radius:6px;
 background:#eee9fa;color:#46367f;font-size:10px;font-weight:800;letter-spacing:.1em;
}
#app.bv-welcome .bv-connect-header .bv-entry-eyebrow {
 margin:0 0 8px;color:#6c4878;font-size:10px;font-weight:800;letter-spacing:.12em;
}
#app.bv-welcome .bv-entry-copy h2 {max-width:16ch;margin:0 0 12px;color:#252d4b;font-size:clamp(30px,3.6vw,44px);line-height:1.1;letter-spacing:-.035em;}
#app.bv-welcome .bv-entry-copy h2>span {color:#b83d39;}
#app.bv-welcome .bv-entry-copy>p:not(.bv-entry-eyebrow) {max-width:46ch;color:#495167;font-size:15px;line-height:1.6;}
#app.bv-welcome .bv-entry-connections {
 display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:16px 0 4px;padding:0;
}
#app.bv-welcome .bv-entry-connections li {min-width:0;margin:0;padding:0;}
#app.bv-welcome .bv-entry-connections a {
 display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:7px 11px;
 border:1px solid #bdc8e7;border-radius:11px;background:#e5ecff;color:#283c70;
 font:800 12px/1.4 var(--sk-ui-font,Nunito,sans-serif);text-decoration:none;box-sizing:border-box;
}
#app.bv-welcome .bv-entry-connections a::before,#app.bv-welcome .bv-entry-connections a::after,
#app.bv-welcome .bv-entry-map-link::before,#app.bv-welcome .bv-entry-map-link::after {content:none;}
#app.bv-welcome .bv-entry-connections a>span {font-size:18px;line-height:1;}
#app.bv-welcome .bv-entry-connections .bv-entry-family {background:#ffe2db;border-color:#f1b3a4;color:#86362e;}
#app.bv-welcome .bv-entry-connections .bv-entry-school {background:#fff0b5;border-color:#e2c967;color:#665015;}
#app.bv-welcome .bv-entry-connections .bv-entry-work {background:#eee5ff;border-color:#cbb8ed;color:#563781;}
#app.bv-welcome .bv-entry-connections .bv-entry-pets {background:#ffe5f1;border-color:#edb7cf;color:#803b59;}
#app.bv-welcome .bv-entry-connections .bv-entry-nature {background:#e3f1bd;border-color:#b6cf7d;color:#426022;}
#app.bv-welcome .bv-entry-map-link {
 display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:3px;padding:8px 0;
 color:#433286;font:800 14px/1.4 var(--sk-ui-font,Nunito,sans-serif);text-decoration:underline;text-underline-offset:4px;
}
#app.bv-welcome .bv-entry-map-link>span {color:inherit;font-size:21px;}
#app.bv-welcome .bv-connect-header .bv-entry-button {
 border:1.5px solid #b9b9d3;border-radius:12px;color:#35315c;background:#fff;transition:background .15s ease,box-shadow .15s ease;
}
#app.bv-welcome .bv-connect-header .bv-entry-primary {
 color:#fff;background:#514090;border-color:#514090;box-shadow:0 3px 0 #332566;
}
#app.bv-welcome .bv-entry-account-actions {align-self:start;margin-top:29px;}
#app.bv-welcome .bv-entry-invite {
 padding:20px;background:#fff0d3;border:1.5px solid #edbd62;border-radius:16px;
}
#app.bv-welcome .bv-entry-invite-heading {display:flex;align-items:center;gap:12px;margin:0 0 12px;}
#app.bv-welcome .bv-entry-invite-icon {
 display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;
 border:1px solid #f1af9f;border-radius:14px;background:#ffded3;font-size:28px;
}
#app.bv-welcome .bv-entry-invite-heading small {display:block;margin:0 0 5px;color:#775128;font-size:9px;line-height:1.4;letter-spacing:.1em;font-weight:800;}
#app.bv-welcome .bv-entry-invite h3 {margin:0;color:#4a3544;font-size:20px;line-height:1.2;}
#app.bv-welcome .bv-entry-invite p {color:#675044;font-size:14px;line-height:1.6;}
#app.bv-welcome .bv-entry-share-actions .bv-entry-button {gap:7px;}
#app.bv-welcome .bv-connect-header .bv-entry-share {
 background:#a52e42;border-color:#a52e42;color:#fff;
}
#app.bv-welcome .bv-entry-share-actions #sk-invite-circle {
 background:#006c65;border-color:#006c65;color:#fff;
}
#app.bv-welcome .bv-entry-share-actions .bv-entry-button>span {color:inherit;font-size:19px;}
#app.bv-welcome .bv-connect-header .bv-entry-status {color:#604332;min-height:0;}
#app.bv-welcome .bv-connect-header .bv-entry-status:empty {display:none;}
#app.bv-welcome .bv-connect-header .bv-home-search {
 align-self:stretch;padding:20px;background:#e8f5ef;border:1.5px solid #92c9b5;border-radius:16px;
}
#app.bv-welcome .bv-connect-header .bv-home-search label {
 position:static;width:auto;height:auto;margin:0 0 12px;padding:0;overflow:visible;clip-path:none;white-space:normal;
 color:#175850;font-size:18px;font-weight:800;
}
#app.bv-welcome .bv-connect-header .bv-home-search input {
 min-width:0;min-height:48px;height:48px;padding:10px 12px;border:1.5px solid #7aada2;border-radius:10px;
 background:#fff;color:#203f43;font-size:16px;box-shadow:none;
}
#app.bv-welcome .bv-connect-header .bv-home-search input::placeholder {color:#596c72;opacity:1;text-shadow:none;}
#app.bv-welcome .bv-connect-header .bv-home-search button {
 width:48px;height:48px;min-width:48px;margin:0;border:1px solid #006c65;border-radius:10px;background:#006c65;color:#fff;font-size:27px;box-shadow:none;text-shadow:none;
}
#app.bv-welcome .bv-connect-header #bv-search-status {margin-top:12px;color:#365e57;font-size:12px;line-height:1.6;}
#app.bv-welcome .bv-home-section-nav {border:1px solid #bcb9d3;border-radius:14px;background:#fffdf8;gap:5px 10px;}
#app.bv-welcome .bv-home-section-nav>span {color:#55486c;}
#app.bv-welcome .bv-home-section-nav>a {background:#eee9fa;color:#473580;border-radius:9px;}
#app.bv-welcome .bv-home-section-nav>a[href="#sota-connections"] {background:#ffe2db;color:#86362e;}
#app.bv-welcome .bv-home-section-nav>a[href="#bv-music"] {background:#fff0b5;color:#665015;}
#app.bv-welcome .bv-home-section-nav>a[href="#bv-circle"] {background:#d9efe8;color:#1d655c;}
#app.bv-welcome .bv-connect-header :is(a,button):hover {filter:none;box-shadow:0 0 0 2px #29345c28;}
#app.bv-welcome .bv-connect-header :is(a,button,input):focus-visible {
 outline:3px solid #33216e;outline-offset:3px;box-shadow:none;
}
#app.bv-welcome #sota-connections {scroll-margin-top:20px;}
@media(max-width:760px) {
 #app.bv-welcome .bv-classic-header.bv-connect-header {padding:22px 16px;gap:18px;border-radius:18px;}
 #app.bv-welcome .bv-entry-copy h2 {max-width:15ch;font-size:32px;}
 #app.bv-welcome .bv-entry-account-actions {margin-top:0;}
 #app.bv-welcome .bv-entry-invite,#app.bv-welcome .bv-connect-header .bv-home-search {padding:16px;}
 #app.bv-welcome .bv-entry-connections {gap:6px;}
 #app.bv-welcome .bv-entry-connections a {font-size:12px;padding:7px 9px;}
 #app.bv-welcome .bv-home-section-nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px;}
 #app.bv-welcome .bv-home-section-nav>span {grid-column:1/-1;margin:0 0 3px;}
}
@media(max-width:360px) {
 #app.bv-welcome .bv-entry-copy h2 {font-size:29px;}
 #app.bv-welcome .bv-entry-invite-heading {gap:8px;}
 #app.bv-welcome .bv-entry-invite-icon {width:38px;height:42px;font-size:24px;}
 #app.bv-welcome .bv-entry-invite h3 {font-size:18px;}
 #app.bv-welcome .bv-entry-share-actions .bv-entry-button {padding-inline:8px;font-size:12px;}
}
@media(prefers-reduced-motion:reduce) {
 #app.bv-welcome .bv-connect-header .bv-entry-button {transition:none;}
}
@media(forced-colors:active) {
 #app.bv-welcome .bv-classic-header.bv-connect-header,
 #app.bv-welcome .bv-connect-header :is(.bv-entry-invite,.bv-home-search,.bv-entry-button,.bv-entry-invite-icon),
 #app.bv-welcome .bv-entry-connections a,#app.bv-welcome .bv-home-section-nav,
 #app.bv-welcome .bv-home-section-nav>a {background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;}
 #app.bv-welcome .bv-connect-header :is(a,button,input):focus-visible {outline-color:Highlight;}
 #app.bv-welcome .bv-classic-header.bv-connect-header::before {background:CanvasText;}
}