*{box-sizing:border-box;margin:0;padding:0}html,body{height:100vh;font-family:sans-serif}body>div{display:flex;flex-direction:column;height:100vh}header{display:flex;justify-content:space-between;padding:8px;background-color:silver;border-top:1px solid black;border-bottom:1px solid black;align-items:center}main{display:flex;flex-direction:column;flex:1;min-height:0;padding:0}dialog{border:none;width:100vw;height:100vh;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff36}dialog>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;aspect-ratio:1 / 1;background-color:silver;border:1px solid black;display:flex;justify-content:center;align-items:center}dialog>div>img{max-width:90%;max-height:90%}h2,h3,h4{cursor:pointer;padding:8px;margin:0;border-bottom:1px solid black}h1{font-size:1.2rem}h2{font-size:1.1rem;background-color:#d3d3d3}h3{font-size:1rem;background-color:#dcdcdc;padding-left:16px}h4{font-size:.9rem;background-color:#f5f5f5;padding-left:24px}ul{list-style:none}li{cursor:pointer;padding:8px 32px}button,select{padding:8px;border:1px solid black;border-radius:8px}header>button{width:25%}section{display:flex;flex-direction:column}section[hidden]{display:none}form{display:flex;flex-direction:column;gap:8px;padding:8px;border-bottom:1px solid black}form>div{display:flex;gap:8px}form>div>*{flex:1}.scrollable{flex:1;overflow-y:auto}#labels .scrollable{align-content:center}section.activity[active]{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden;border-bottom:1px solid black}section.activity[active]>section{display:flex;flex-direction:column;overflow:hidden;flex:1}section.activity:not([active])>section{display:none}section.post>div{border-bottom:1px solid black}div.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px}div.grid>div{border:1px solid black;background:#f9f9f9;width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden}div.grid>div>img{width:100%;height:100%;object-fit:cover;border-radius:8px}