@font-face{font-family:Raleway Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/raleway:vf@latest/latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Josefin Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/josefin-sans:vf@latest/latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-color:#1a7197;--text-color:#1c1c1c;--background-color:ghostwhite;--brand-font:"Raleway Variable", sans-serif;--text-font:"Josefin Sans Variable", sans-serif}html{background-color:var(--background-color);color:var(--text-color);font-family:var(--text-font);text-align:center;background-image:url(/kid-collider/assets/noise-texture-D_7vUc3Y.webp),url(/kid-collider/assets/starburst-1600px-CJ7r1EDn.webp);background-position:50%,right bottom -185px;background-repeat:repeat,no-repeat;background-size:500px,1200px;background-attachment:fixed, inherit;background-blend-mode:darken, hard-light;max-width:500px;height:100vh;overflow:hidden}svg#svg-background{z-index:-1;position:fixed;inset:0}body{scrollbar-width:thin;flex-direction:column;max-width:500px;min-height:100dvh;margin:0 auto;padding:0;display:flex;position:absolute;inset:0}body ::-webkit-scrollbar{width:6px}body ::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:4px}body header#app-header{padding:env(safe-area-inset-top) 5% .25rem;flex:none}body header#app-header h1{font-family:var(--brand-font);text-transform:uppercase;text-align:left;margin:0;font-size:2.5rem;font-weight:100}body main{flex:auto;width:90%;margin:0 auto;padding:0 10px 120px;overflow:auto;-webkit-mask-image:linear-gradient(#000 77%,#0000 90%);mask-image:linear-gradient(#000 77%,#0000 90%)}#app-header{text-align:left}#brand-title{margin:0}#page-title{text-transform:uppercase;opacity:.8;margin:.2rem 0 0;padding-left:1rem;font-size:1.8rem;font-weight:100}#current-user{opacity:.85;margin-top:.2rem;font-size:.95rem}.display-handle{align-items:baseline;gap:.3rem;display:inline-flex}.display-tag{opacity:.62;letter-spacing:.03em;font-size:.82em}#app-header.header-feed #brand-title{text-transform:uppercase;letter-spacing:.04em;font-size:2.5rem;font-weight:100}#app-header.header-subpage #brand-title{letter-spacing:.1em;font-size:1rem;font-weight:300}#app-header.header-subpage #current-user,#app-header.header-auth #current-user{display:none}a:any-link{color:var(--text-color)}#nav-container{position:relative}nav{width:100%;height:10vh;font-family:var(--brand-font);justify-content:space-evenly;gap:8px;margin-top:20px;display:flex;position:absolute;bottom:0;left:0}nav a,nav button{background:inherit;border:inherit;color:inherit;text-align:center;text-box-trim:trim-both;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:5px 0;font-size:.65rem;text-decoration:none;display:flex}:is(nav a,nav button) svg{width:40px;height:40px}#nav-open-signal-composer{cursor:pointer;aspect-ratio:1;border-radius:50%;min-width:4.5rem;transform:scale(1.3)translateY(-.5rem)}#nav-open-signal-composer svg{filter:drop-shadow(0 0 .35rem #ffd60066)}.list-item-actions{gap:.5rem;display:inline-flex}.list-item-actions button{border-radius:50%;padding:5px}.feed-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.feed-list>li{margin:0}.signal-card{border-radius:8px;justify-content:space-between;align-items:center;padding:.8rem;display:flex}.signal-card:nth-child(odd){background:#0001}.signal-card-header{text-align:left;font-size:1rem}.signal-card-header .signal-user{font-weight:700;display:block}.signal-card-header .signal-destination{padding-left:1rem;display:block}.signal-summary,.signal-message{margin:0}.signal-meta{gap:1rem;margin:.6rem 0;font-size:.65rem;display:none}.signal-meta>div{gap:.35rem;display:flex}.signal-meta dt{font-weight:700}.signal-meta dd{margin:0}.signal-message{text-align:left;-webkit-hyphens:auto;hyphens:auto;margin-top:.5rem;padding-left:1rem;font-size:.9rem}form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{text-transform:uppercase;text-align:right;font-family:var(--brand-font)}.form-group label:has(input[type=checkbox]){text-align:left;border:1px solid var(--text-color);justify-content:space-between;align-items:center;padding:.5rem;display:flex}.form-group label:has(input[type=checkbox]) [type=checkbox]{border:1px solid var(--text-color);accent-color:#000;flex-shrink:0;width:20px;height:20px}.form-group[hidden]{display:none}input,textarea,select{background:inherit;border:1px solid var(--text-color);color:var(--text-color);border-radius:4px;padding:.5rem;font-size:1rem}#locations-list ul{text-align:left;margin:.5rem 0 1rem;padding:0;list-style:none;display:grid}#locations-list ul li{justify-content:space-between;align-items:center;padding:0 .5rem;display:flex}#locations-list ul li:nth-child(odd){background:#0001}#locations-list ul li>div>svg{fill:gold;position:relative;top:1px}.friend-list{gap:.65rem;margin:.5rem 0 1rem;padding:0;list-style:none;display:grid}.friend-list li{border:1px solid oklch(from var(--primary-color) calc(l + .1) c h);text-align:left;background:oklch(from var(--primary-color) l c h / .2);border-radius:8px;gap:.35rem;padding:.7rem;display:grid}.friend-list small,.small-note{opacity:.82;font-size:.85rem}.profile-handle-row{justify-content:space-between;align-items:center;gap:.75rem;margin-block:10px;display:flex}#profile-display-handle,#friends-display-handle{text-align:left;margin:0}.small-copy-button{color:var(--primary-color);white-space:nowrap;margin:0;padding:.35rem .65rem;font-size:.8rem}.small-copy-button:disabled{opacity:.55}#friends-page details{margin-bottom:6rem}#friends-page summary{cursor:pointer;margin-bottom:.5rem;font-weight:700}button{background:inherit;border:1px solid var(--text-color);color:inherit;font-family:var(--brand-font);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:5px auto;padding:10px;font-size:1rem;text-decoration:none;display:flex}button:has(svg){aspect-ratio:1;border-radius:50%;padding:5px}.primary-button{border-color:var(--primary-color);background:oklch(from var(--primary-color) l c h / .1);color:var(--primary-color)}.danger-button{color:#e50202;border-color:#e50202}
