*,*:before,*:after{box-sizing:border-box}:root{--color-text: #385170;--color-background: #f3f3f3;--color-link: #385170;--color-accent: #dbdbdb;--color-post: #fbfbfb;--gutter: .5rem;--form-element-height: 44px}@media (prefers-color-scheme: dark){:root{--color-text: #aaaaaa;--color-background: #000;--color-link: #f1f1f1;--color-accent: #2f3336;--color-post: #141414}}html,body{height:100%}body{background-color:var(--color-background);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:80%;line-height:1.5;margin:0;padding:0;-webkit-tap-highlight-color:transparent}@media (min-width: 40em){:root{--gutter: 1.5rem}body{font-size:100%}}a{color:var(--color-link)}@media (hover: hover){a:hover{text-decoration:underline}}p{margin-block-start:0}p:last-child{margin-block-end:0}pre{background-color:var(--color-accent);padding:.25em 1em}code{line-height:2.5;white-space:pre-wrap}blockquote{border-inline-start:5px solid var(--color-accent);margin-inline:var(--gutter);padding-inline:var(--gutter)}input,button,select{height:var(--form-element-height);padding-inline:.25em}input:placeholder-shown{text-overflow:ellipsis}input,select{width:100%}label{display:block;font-weight:700}input,textarea,select{border:1px solid var(--color-accent);color:var(--color-text);padding:.5em}input:focus,textarea:focus,select:focus{outline:none}[list]::-webkit-calendar-picker-indicator{opacity:0}@media (prefers-color-scheme: dark){input,textarea,select{background-color:var(--color-background)}}textarea{min-height:15em;width:100%}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.root{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100%}.header{grid-area:header}.main{grid-area:main;overflow-y:scroll}.filters{grid-area:footer}.message{align-items:center;display:grid;justify-content:center;min-height:50vh;padding-inline:var(--gutter)}.load-more-area{align-items:center;display:flex;justify-content:center;min-height:20em;text-align:center}.load-more-area.done{grid-column:1 / -1}.list{contain-intrinsic-size:1px 5000px;content-visibility:auto;display:grid;gap:var(--gutter)}@media (max-width: 40em){.list-layout--compact .list{column-gap:1px;grid-template-columns:repeat(2,1fr)}}@media (min-width: 40em){.list{grid-template-columns:repeat(auto-fill,minmax(25em,1fr));padding-inline:var(--gutter)}}table{border-collapse:collapse;width:100%}table th,table td{border:1px solid var(--color-accent);word-break:break-all}.end{align-items:center;display:flex;justify-content:center;min-height:5rem;text-align:center}.title{font-size:1.25rem;margin:var(--gutter);padding:0}.loader,.loader:after{aspect-ratio:var(--w) / var(--w);border-radius:50%;height:var(--w);width:var(--w)}.loader--lg,.loader--lg:after{--w: 5em}.loader--md,.loader--md:after{--w: 2.5em}.loader--xs,.loader--xs:after{--w: 1.5em}.loader{display:block;margin:0 auto;position:relative;text-indent:-9999em;z-index:9999}.loader:after{--b: calc(var(--w) / 10);animation:spinner 1.1s infinite linear;border-bottom:var(--b) solid var(--color-background);border-left:var(--b) solid var(--color-text);border-right:var(--b) solid var(--color-background);border-top:var(--b) solid var(--color-background);content:"";display:block;left:0;position:absolute;top:0;transform:translateZ(0)}.loader--fullscreen{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.block{background-color:var(--color-post);border-bottom:1px solid var(--color-accent);margin:var(--gutter);max-width:80em;padding:var(--gutter)}fieldset:not([class]){border:1px solid var(--color-accent);margin:0;margin-bottom:var(--gutter);padding:var(--gutter);& legend{font-weight:700;margin:0;padding:0}}.btn{appearance:none;background-color:var(--color-post);border:1px solid var(--color-accent);color:var(--color-link);cursor:pointer;display:inline-block;font-family:inherit;font-size:.8rem;font-weight:500;height:var(--form-element-height);margin:0;padding:.75em 1.5em;position:relative;text-align:center;text-decoration:none}@media (hover: hover){.btn:hover{background-color:var(--color-link);color:var(--color-accent);text-decoration:none}}.btn.is-loading{.btn__text{visibility:hidden}.loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}}.btn:active{background-color:var(--color-link);color:var(--color-accent);text-decoration:none}.btn--block{display:block;width:100%}.search__group{display:flex;& input~.btn{border-inline-start:0}}.filters{background-color:var(--color-background);display:grid;gap:0;grid-template-columns:65% repeat(2,1fr);width:100%;& fieldset{border:0;margin:0;padding:0}}@media (max-width: 40em){.filters form+form:not(:last-child){border-inline-end:1px solid var(--color-accent)}.filters fieldset{position:relative}.filters form:not(.search) label{align-items:center;appearance:none;background-color:var(--color-post);border-block-start:1px solid var(--color-accent);color:var(--color-link);display:inline-block;font-family:inherit;font-size:.8rem;font-weight:500;height:var(--form-element-height);left:0;margin:0;padding:.75em 1.5em;pointer-events:none;position:absolute;text-align:center;text-decoration:none;top:0;width:100%;z-index:1}.filters select{opacity:0}.filters .search input{border-block-end:0;border-inline-start:0}.filters .search .btn{border-block-end:0}.filters .search label{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 40em){.filters{border-block-start:1px solid var(--color-accent);gap:var(--gutter);grid-template-columns:repeat(3,minmax(auto,20em));padding-block:calc(var(--gutter) / 2);padding-inline:var(--gutter);& fieldset{align-items:center;display:flex;gap:var(--gutter);justify-content:flex-start;.search__group,select,input{width:100%}}}}.comment{&:not(:last-child){border-bottom:1px solid var(--color-accent);margin-block-end:.5em}}.comment__title{font-size:.8rem;font-weight:500;margin:0;margin-block-end:.5em;padding:0}.comment__body{margin-block-end:.5em;overflow:auto;& a{word-break:break-all}& p:last-child{margin-block-end:0}& img{height:auto;max-width:100%;width:100%}}.post{background-color:var(--color-post);border-bottom:1px solid var(--color-accent);overflow:hidden;padding-block-end:var(--gutter);position:relative}.post:empty{min-height:var(--minHeight, 500px)}.post.is-lazy{opacity:1;transform:translateZ(0);transition:opacity .3s ease-out}@media (prefers-reduced-motion){.post.is-lazy{transition:none}}.post.is-lazy:empty{opacity:0}.post__info{padding-block-start:var(--gutter);padding-inline:var(--gutter)}.post__subreddit-link{display:block;font-size:90%;text-decoration:none}@media (min-width: 40em){.post__subreddit-link{display:inline}}.post__title{font-size:1rem;font-weight:500;margin:0;margin-block-end:var(--gutter)}.post__link{display:block;line-height:1.3;text-decoration:none;word-break:break-word}.post__description{max-height:15rem;overflow:auto;width:100%;word-break:break-word;& a{word-break:break-all}}.post__description pre{overflow:auto}.post__data{--spacing: .25rem;font-size:80%;& dt,dd{display:inline-block;margin:0;padding:0}& dt{filter:grayscale(100%);padding-inline-end:var(--spacing)}& dd:first-of-type{display:block;margin-block-end:calc(var(--spacing) * 2)}& dd:not(:last-child){margin-inline-end:calc(var(--spacing) * 2)}}@media (prefers-color-scheme: dark){.post__description,.post__title{filter:grayscale(100%)}}.post__comments{padding-block-start:var(--gutter);& a{word-break:break-all}}.youtube{aspect-ratio:var(--ar-width, 16) / var(--ar-height, 9);display:block;position:relative}.youtube__logo{aspect-ratio:28/20;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.youtube__thumbnail{background-color:var(--color-accent);height:100%;object-fit:cover;width:100%}@media (prefers-color-scheme: dark){.youtube__logo{filter:grayscale(100%)}}.post-link{align-items:center;aspect-ratio:16/9;background-color:var(--color-accent);display:flex;height:auto;justify-content:center;padding:var(--gutter);width:100%;word-break:break-all}@media (prefers-color-scheme: dark){.post-link__logo{filter:grayscale(100%)}}.thumbnail__btn{background:none;border:0;color:var(--color-background);font-size:5rem;height:100%;left:0;padding:0;position:absolute;top:0;width:100%;z-index:1}@media (prefers-color-scheme: dark){.thumbnail__btn{color:var(--color-text)}}.gallery{display:grid;gap:var(--gutter);grid-template-columns:1fr}.post__domain{word-break:break-all}.thumbnail-wrap--video{aspect-ratio:var(--ar-width) / var(--ar-height);.thumbnail--video,.thumbnail__bg{height:100%;object-fit:cover;width:100%}.thumbnail__bg{background-color:var(--color-accent)}}.thumbnail-wrap--video video{height:100%;object-fit:contain;width:100%}.audio{width:100%}@media (prefers-color-scheme: dark){.audio{opacity:.5}}.thumbnail__hd{background-color:var(--color-post);color:var(--color-text);display:block;font-size:.75rem;padding-inline:.5em;position:absolute;right:0;top:0;z-index:1}.post-link__logo{aspect-ratio:1/1;object-fit:contain;width:5em}.thumbnail{background-color:var(--color-accent);height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.thumbnail-wrap{position:relative}.thumbnail__link{aspect-ratio:var(--ar-width, 16) / var(--ar-height, 9);display:block;position:relative}video:-webkit-media-controls-volume-slider{display:none}video::-webkit-media-controls-mute-button{display:none}video::-webkit-media-controls-volume-slider-container{display:none}.header{align-items:center;background-color:var(--color-background);border-bottom:1px solid var(--color-accent);display:flex;justify-content:space-between;padding-inline:var(--gutter)}.header__logo{font-size:1rem;font-weight:700;text-decoration:none}.header__nav{width:100%}.header__nav-list{align-items:center;display:flex;gap:var(--gutter);justify-content:space-between;list-style:none;margin:0;padding:0;width:100%}.header__nav-list-item:first-child{flex:1}.header__nav-list-item-link{display:block;padding-block:calc(var(--gutter) / 2);padding-inline:var(--gutter)}.header__nav-list-item-link.is-active{background-color:var(--color-accent);text-decoration:none}.layout-mode{appearance:none;background-color:var(--color-post);border:1px solid var(--color-accent);color:var(--color-link);cursor:pointer;display:inline-block;font-family:inherit;font-size:.8rem;font-weight:500;height:auto;margin:0 0 0 var(--gutter);padding:.75em 1.5em;padding-block:calc(var(--gutter) / 2);padding-inline:var(--gutter);position:relative;text-align:center;text-decoration:none}@media (min-width: 40em){.layout-mode{display:none}}