*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#add8e6;min-height:100vh}#root{background-color:#ffffe0;height:100vh;max-height:100vh;display:grid;grid-template-areas:"head head" "nav main";grid-template-columns:12rem 1fr;grid-template-rows:3rem 1fr}#root header{background-color:#f08080;grid-area:head;display:flex;flex-direction:row;justify-content:space-between}#root header #expand-menu-button{display:none}#root nav{background-color:#90ee90;grid-area:nav;overflow-y:auto}#root main{background-color:#ffa07a;grid-area:main;overflow:auto}.avatar{border-radius:50%;height:100%;aspect-ratio:1;object-fit:cover}.feed-banner .avatar{width:2.5em}.feed-entry>a{display:block;color:inherit;text-decoration:inherit;padding:.125em 1em;margin:.125em 0}.feed-entry>a:hover{background-color:#ffffff40}.feed-entry .avatar{width:1.5em}.comment-tree .avatar{width:2em}.badge-bar{display:flex;flex-direction:row}.badge-bar .badge{background-color:gray;padding:.25em;margin:.25em .5em .25em 0}.article-banner .avatar{width:2em}.media-container{background-color:#000;height:450px;aspect-ratio:1.34;white-space:nowrap;scroll-behavior:smooth;scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto}.media-container .media{scroll-snap-align:center;scroll-snap-stop:always;display:inline-block;object-fit:contain;height:100%;width:100%}.media>iframe{height:100%;width:100%}.comment{display:grid;grid-template-areas:"avatar detail" "thread content" "thread badges" "child-threads children";grid-template-columns:auto 1fr;padding-bottom:.5rem}.comment>.avatar{grid-area:avatar}.comment>.detail{grid-area:detail}.comment>.text-container{grid-area:content}.comment>.badge-bar{grid-area:badges}.comment>.thread-line-area{grid-area:thread}.thread-line-area{display:none}.comment>.children{grid-area:children}.comment:has(>.children)>.thread-line-area{display:initial}.loading-placeholder .flashing{background-color:#000;opacity:.33;animation-duration:2s;animation-name:flash;animation-iteration-count:infinite}@keyframes flash{0%{opacity:.66}50%{opacity:.33}to{opacity:.66}}