*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui;line-height:1}.login-form{max-width:20rem;margin:0 auto;padding:4rem 1rem;>*{margin-block:0;+*{margin-block-start:1rem}}>h1{font:inherit;font-size:1.25em;font-weight:700}>p{line-height:1.5}>.form-field{display:flex;flex-direction:column;gap:.5rem;label{display:block}input{padding:.25rem;font-size:1em}}>button{width:100%;padding-block:.5rem;font-size:1em}>.error-message{color:red}}.app{display:flex;flex-direction:row;height:100vh;>.app-main{width:0;flex:1;overflow:auto;scrollbar-gutter:stable}>.app-aside{inset-block-start:0;width:25vw;min-width:25rem;border-left:1px solid #ddd;overflow-y:scroll;display:flex;flex-direction:column;>.app-aside-header{display:flex;align-items:center;gap:.5rem;height:3rem;position:sticky;inset-block-start:0;padding:.5rem .5rem .5rem 1rem;background:#fff;border-bottom:1px solid #ddd;z-index:1;>h2{margin:0;font-size:inherit}>.spacer{flex:1}}}}.profile-selection{padding:.5rem}.nothing-placeholder{height:100%;text-align:center;align-content:center;color:#666}.profile-handle{color:inherit;.profile-display-name+&{color:#666}&:not(:hover){text-decoration:none}}.profile-avatar{--size: 2rem;display:flex;background:#ccc;outline:1px solid #0002;outline-offset:-1px;&,>img{width:var(--size);height:var(--size);border-radius:100%}}.profile-row{display:grid;grid-template-rows:max-content max-content;grid-template-columns:max-content 1fr;grid-template-areas:"avatar top-line" "avatar bottom-line";padding:0 .5rem;gap:.25rem .5rem;font-size:.9em;.profile-row-top-line{grid-area:top-line;align-self:end;line-height:normal;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;>.profile-display-name+.profile-handle{margin-inline-start:.5em}}.profile-row-bottom-line{grid-area:bottom-line;align-self:start;line-height:normal;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-avatar{grid-area:avatar;margin:.5rem 0;--size: 2.5rem}}.profile-preview{flex:1;iframe{width:100%;height:100%;border:none}>.profile-preview-header{display:grid;grid-template-columns:max-content 1fr;grid-template-areas:"avatar       display-name" "avatar       handle" "description  description";padding:0 1rem 1rem;gap:.25rem .75rem;.profile-display-name{grid-area:display-name;align-self:end;margin-block-start:.5rem}.profile-handle{grid-area:handle;align-self:start;margin-block-end:.5rem}.profile-display-name,.profile-handle,.profile-description{min-width:0;overflow-wrap:break-word}.profile-avatar{grid-area:avatar;align-self:center;margin:.5rem 0;--size: 4rem}.profile-description{grid-area:description;font-size:.9em;line-height:1.5;white-space:pre-wrap}}>.profile-feed-container{>.loading{color:#666;margin:1rem 0;text-align:center}.bluesky-embed.bluesky-embed{overflow:visible;min-width:0;max-width:none;border-radius:0;border-left:none;border-right:none;>.profile-feed-header{display:none}>.feed{overflow:visible;max-height:none}}}}.follows-list{margin:1rem;padding:.25rem;border-radius:.5rem;background:#f0f0f0;>*{margin-block-end:.25rem;&:last-child{margin-block-end:0}}}.follow-row{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border-radius:.25rem;line-height:normal;&.selected{background:#eef;box-shadow:#dde 0 0 0 .25rem}&:focus,&.active{position:relative;outline:none;box-shadow:#66f 0 0 0 .25rem}>.checkbox{position:relative;align-self:stretch;margin:-.5rem}>.profile-avatar{--size: 2rem}>.profile-display-name,>.profile-handle{flex:0 1 auto;line-height:normal;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}>.profile-handle{color:#66f}>.label{padding:.125em .25em;border-radius:.25rem;background:#e0e0ea;color:#334;text-wrap:nowrap}>.profile-description{flex:1 1 0;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;margin-inline-end:1rem}>.list-checkbox-wrap{text-wrap:nowrap}}.list-checkbox-wrap{padding:.25rem;border-radius:.25rem;>input[type=checkbox]{margin:0;margin-inline-end:.5rem;margin-block-start:calc(1ex - 1cap);vertical-align:middle}&.modified{background:#66f2}}.checkbox{position:relative;padding:0 .75rem;label{display:flex;align-items:center;height:100%}label:after{content:"";display:block;position:absolute;inset:0;z-index:1}input[type=checkbox]{position:relative;width:1.25em;height:1.25em;margin:0;z-index:2}}.button{position:relative;margin:0;padding:.5rem 1rem;border:1px solid #ddd;border-radius:.25rem;background-color:#fff;color:#112;font:inherit;line-height:1;transition:.1s linear;transition-property:background-color,border-color,color;cursor:pointer;&:not(:disabled,.loading):hover{border-color:#cce4;background-color:#cce4;transition-duration:0s}&:not(:disabled,.loading):active{border-color:#88a6;background-color:#88a6;color:#113a;transition-duration:0s}&:is(:not(:loading),:disabled){color:#889;cursor:default}&.modified:after{content:"";display:block;position:absolute;inset-block-start:.25em;inset-inline-end:.25em;width:.5em;height:.5em;border-radius:100%;background-color:#66a}&.blue{border-color:#66a;background-color:#66a;color:#fff;&:not(:disabled,.loading):hover{border-color:#88d;background-color:#88d}&:not(:disabled,.loading):active{border-color:#559;background-color:#559;color:#aac}&:not(.loading):disabled{border-color:#ccd;background-color:#ccd}&.modified:after{background-color:#fff}}&.green{border-color:#484;background-color:#484;color:#fff;&:not(:disabled,.loading):hover{border-color:#5a5;background-color:#5a5}&:not(:disabled,.loading):active{border-color:#406040;background-color:#406040;color:#9b9}&:not(.loading):disabled{border-color:#bcb;background-color:#bcb}&.modified:after{background-color:#fff}}&.loading{--stripe-color: #eaeaef33;--stripe-stride: .5rem;background-image:repeating-linear-gradient(-45deg,var(--stripe-color) 0 var(--stripe-stride),transparent var(--stripe-stride) calc(var(--stripe-stride) * 2));background-size:calc(var(--stripe-stride) * 2 / .7) 100%;animation:1s linear infinite button-loading-scroll;cursor:default}}@keyframes button-loading-scroll{0%{background-position:calc(var(--stripe-stride) * -2 / .7) 0}to{background-position:0 0}}.mass-edit{display:flex;align-items:center;gap:.5rem;position:sticky;inset-block-end:-.5rem;min-height:4.5rem;margin:2rem .5rem;padding:1rem 1.25rem;background:#fff;border-radius:.5rem;box-shadow:#0044 0 .05rem .25rem;z-index:3;>.checkbox{align-self:stretch;margin:0 -.5em}>.spacer{flex:1}}.main-controls{padding:1rem;padding-block-end:0;>p{margin:0;margin-block-end:1rem}}.filter-form{display:flex;flex-direction:column;gap:2rem;input[type=checkbox]{width:1.25em;height:1.25em;margin:0;margin-inline-end:.25rem;margin-block-start:calc(1ex - 1cap);vertical-align:middle}>label{display:block}.heading{display:block;margin-block-end:.5rem}.lists{display:flex;flex-wrap:1;gap:.25rem 2rem}.sort{select{font:inherit}}}.table-controls{display:flex;align-items:center;gap:2rem;.sort{margin-inline-start:auto}input[type=search]{flex:1;font:inherit}}.filter-input-wrapper{.cm-editor{margin-bottom:.5rem;font-size:1rem;border-radius:.25rem;outline:1px solid #ddd;&.cm-focused{outline:1px solid #aaa}}.filter-input-help{font-size:.9rem}.filter-input-keys{display:inline-flex;gap:.5em;margin-inline-start:.5em}code{background:#f0f0f0;padding:.125em .25em;border-radius:.25rem}}