@font-face{font-family:YoureGone-Regular;src:url("fonts/youregone.otf") format("opentype"),url("fonts/youregone.svg") format("svg"),url("fonts/youregone.ttf") format("truetype"),url("fonts/youregone.woff") format("woff"),url("fonts/youregone.woff2") format("woff2");font-weight:400;font-style:normal}:root{color-scheme:light dark;--success-green:light-dark(#7b7, #383);--error-red:light-dark(#b77, #833);--brand-primary:rgb(255,0,255);--brand-transparent:rgba(255,0,255,0.3);--primary-full:light-dark(rgba(0,0,0,1.0), rgba(255,255,255,1.0));--primary-transparent:light-dark(rgba(0,0,0,0.3), rgba(255,255,255,0.3));--highlight:light-dark(#f80, #940)}*{font-family:"Scope One",serif;text-align:center}html{background:linear-gradient(0deg,light-dark(rgba(0,0,0,.1),#000),transparent);min-width:100vw;min-height:100vh}input,textarea{text-align:left}nav{background-color:light-dark(#ddd,#222);display:flex}.m-auto,.pager,table{margin:auto}.brand-icon,.nav-button{padding:5px 20px;text-decoration:none;color:light-dark(black,#fff);display:flex;align-items:center;justify-content:center}.button-container{display:flex;flex:1;align-items:stretch;justify-content:end}.nav-button{border-left:light-dark(black,#fff) 1px solid}body{margin:0}svg{color:light-dark(black,#fff)}#main{justify-items:center;margin:0 auto;max-width:1200px}@keyframes main{0%{color:var(--brand-primary);-webkit-text-stroke:0.5px var(--primary-full)}45%{color:var(--brand-primary);-webkit-text-stroke:0.5px var(--primary-full)}55%{color:var(--brand-transparent);-webkit-text-stroke:0.5px var(--brand-primary)}100%{color:var(--brand-transparent);-webkit-text-stroke:0.5px var(--brand-primary)}}.brand{font-family:YoureGone-Regular;font-size:24px;animation:main;animation-duration:10s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.flex{display:flex;align-items:center;justify-content:center}.flex-1{display:flex;flex:1}.col{flex-direction:column}.row{flex-direction:row}.proto-pink{color:#f0f}.uc{font-size:80px}label{text-align:right}table{border-spacing:0;border-collapse:collapse}td,th{border:1px solid;padding:5px 10px}button{display:block}.sub-head{padding:20px 40px;margin:10px 0;color:var(--primary-full);border:solid 1px var(--primary-full);text-decoration:underline;border-radius:5px}.sub-head:has(+ .sub-head){border-right:0}.grid,form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px 5px}div{margin:0}.center{justify-items:center}.success{background-color:var(--success-green)}button.success{border-color:var(--success-green)}.failure{background-color:var(--error-red)}button.failure{border-color:var(--error-red)}.good{color:var(--success-green)}.warning{color:var(--error-red)}#toast-bar{display:flex;position:absolute;bottom:0;align-items:end;justify-content:end;width:100%}.toast{margin:5px;border-radius:5px;background:light-dark(#eee,#333);width:300px}.toast-image{height:30px}.toast-header{display:flex;align-items:center;justify-content:space-between;background:light-dark(#ddd,#222)}.toast-username{padding:0 5px;font-weight:700}.messages{max-height:200px;min-height:100px;overflow-y:auto;display:flex;flex-direction:column}.message{margin:0;padding:0;width:fit-content;display:block;margin-bottom:-5px;white-space:pre-line}.incoming-chat{justify-self:start;align-self:start;text-align:start}.outgoing-chat{justify-self:end;align-self:end;text-align:end}.bubble{padding:2px 10px;border-radius:20px;width:fit-content;display:flex;flex-direction:column;max-width:250px;margin:3px}.incoming-chat-bubble{align-self:start;background:light-dark(#ccc,#111)}.outgoing-chat-bubble{align-self:end;background:light-dark(#afa,#030)}.window-button{height:25px;width:25px;margin:0;padding:0}.input-row{display:flex}.chat-input{flex:1;resize:none}.ts{font-size:10px;color:light-dark(#00b,#bbf)}.hidden{display:none;visibility:hidden}.outgoing-chat-bubble+.outgoing-chat-bubble{border-top-right-radius:0}.outgoing-chat-bubble:has(+ .outgoing-chat-bubble){border-bottom-right-radius:0}.incoming-chat-bubble+.incoming-chat-bubble{border-top-left-radius:0}.incoming-chat-bubble:has(+ .incoming-chat-bubble){border-bottom-left-radius:0}@keyframes notification-blink{55%{background-color:var(--highlight)}100%{background-color:var(--highlight)}}.new-message{animation:notification-blink;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.highlight{background-color:var(--highlight)}.friend-img{height:30px}.friend{display:flex;width:100%;align-items:center;margin:20px;align-self:center;justify-content:center}.friend-img[onclick],.username[onclick],button{cursor:pointer}.username{margin:10px}.pager{width:fit-content}.pager-button{height:20px;width:20px;display:block;color:var(--primary-full);text-decoration:none;border-radius:3px;border:1px var(--primary-full) solid}