:root{--background:#ebebeb;--border:#c4c4c4;--primary:#e45853;--invalid:red;font-family:Comfortaa,cursive;font-size:.9rem;line-height:2}html{background:var(--background);scroll-behavior:smooth}body{margin:0;padding:0}body.narrow{box-sizing:border-box;width:100%;max-width:25rem;margin:0 auto;padding:0 2em}a{color:var(--primary)}.link-button{color:var(--primary);font:inherit;background:0 0;border:none;padding:0}.header{border-bottom:.1em solid var(--border)}.header .links{justify-content:flex-end;list-style:none;display:flex}.header .links li,.header .links a{text-decoration:none}.header .links li{margin-left:1em}.logo{color:inherit;letter-spacing:.1em;margin:0;font-size:1.5em;line-height:3em;text-decoration:none}.logo:hover{color:var(--primary)}.field,.field+.btn{margin-top:1.5em}.input{border:.1em solid var(--background);box-sizing:border-box;background:#fff;border-radius:2em;width:100%;padding:0 1em;line-height:2em}.input-invalid{border-color:var(--invalid)}.input:focus{box-shadow:inset 0 0 0 .2em var(--primary);outline:0}.selectwrapper{border:.1em solid var(--background);box-sizing:border-box;background:#fff;border-radius:2em;padding:0 .5em;position:relative}.selectwrapper select{appearance:none;z-index:2;background:0 0;border:0;height:2em;position:relative}.selectwrapper:after{content:"ˬ";z-index:1;font-size:2em;position:absolute;bottom:0;right:.2em}.text-error{color:var(--invalid)}.btn{border:.1em solid var(--border);cursor:pointer;background:0 0;border-radius:.5em}.btn:focus{box-shadow:inset 0 0 0 .2em var(--primary);outline:0}.btn.btn-block{width:100%}.btn.btn-primary{border-color:var(--primary);color:var(--primary)}.btn.btn-invalid{border-color:var(--invalid);color:var(--invalid)}.btn.btn-has-img{justify-content:center;align-items:center;display:flex}.btn.btn-has-img img{height:2em;margin:.5em 1em .5em 0}.add-form{padding:3em 0}.add-form.add-form{border-bottom:.1em solid var(--border)}.add-form .wrap{position:relative}.add-form .input{z-index:2;width:80%;position:relative}.add-form .btn{background:var(--border);z-index:1;border-radius:2em;width:calc(20% + 2em);padding-left:2em;position:absolute;top:0;bottom:0;right:0}.add-form .btn:hover{background:var(--primary);border-color:var(--primary)}.read-wrapper .sidebar ul{margin:0;padding:0;list-style:none}.read-wrapper .sidebar ul ul{display:none}.read-wrapper .sidebar ul ul.open{display:block}.read-wrapper .sidebar folders>ul{margin:1em 0}.read-wrapper .sidebar folders>ul>li+li{margin-top:1em}.read-wrapper .sidebar .aname{cursor:pointer;display:flex}.read-wrapper .sidebar .aname.disabled .name{opacity:.5;font-style:italic}.read-wrapper .sidebar .aname.has-unread{font-weight:700}.read-wrapper .sidebar img{width:1.5em}.read-wrapper .sidebar .name{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;width:calc(100% - 3em);margin:0 .5em;overflow:hidden}.read-wrapper .read{margin:0}.read-wrapper .read .content-wrapper{flex-basis:75%}.read-wrapper .audio-content{margin:0}.read-wrapper .audio-content audio{width:100%}.read-wrapper .text-content figure{margin:0}.read-wrapper .text-content img,.read-wrapper .text-content iframe{max-width:100%}.read-wrapper .text-content img{height:auto}.read-wrapper .text-content pre:has(code){max-width:100%;margin:0;display:block}.read-wrapper .text-content blockquote{border-left:.1em solid var(--border);margin:0;padding:0 0 0 1em}.read-wrapper .text-content pre code{border:.1em solid var(--border);white-space:pre-wrap;max-width:100%;padding:.5em;display:block;overflow:scroll}.read-wrapper .expandable-content:not(.expanded){position:relative}.read-wrapper .expandable-content:not(.expanded):after{background:linear-gradient(to bottom, transparent, var(--background));content:"";height:10vh;position:absolute;bottom:0;left:0;right:0}.read-wrapper .filters{margin-bottom:4em}.read-wrapper .selectwrapper{margin:2em 0 0}.read-wrapper .selectwrapper select{width:100%}.read-wrapper .feed{padding-bottom:.1em}.read-wrapper .feed .title,.read-wrapper .feed article{border-top:.1em solid var(--border);display:flex}.read-wrapper .feed .title{justify-content:space-between;align-items:center}.read-wrapper .feed .title button,.read-wrapper .feed .title a{background:var(--border);border:.1em solid var(--border);cursor:pointer;border-radius:2em;flex-shrink:0;height:3rem;padding:0 1em}.read-wrapper .feed .title button:hover,.read-wrapper .feed .title a:hover{background:var(--primary);border-color:var(--primary)}.read-wrapper .feed .title button:focus,.read-wrapper .feed .title a:focus{border-color:var(--primary);outline:0}.read-wrapper .feed .title button{font-family:inherit;font-size:inherit;margin-left:auto;margin-right:1em}.read-wrapper .feed .title a{color:inherit;align-items:center;text-decoration:none;display:flex}.read-wrapper .feed article{content-visibility:auto;flex-wrap:wrap;min-height:25vh;padding:1em 0}.read-wrapper .feed article.is-read{opacity:.4}.read-wrapper .feed article .date{flex-basis:100%}.read-wrapper .feed article h3{flex-basis:100%;margin:.3em 0 1.7em}.read-wrapper .feed article .text-content{max-width:86vw}.read-wrapper .feed article .text-content:not(.expanded){max-height:50vh;overflow:hidden}.read-wrapper .feed article .actions{flex-direction:column;flex-basis:25%;display:flex}.read-wrapper .feed article .actions a,.read-wrapper .feed article .actions button{background:var(--border);border:.1em solid var(--border);box-sizing:border-box;cursor:pointer;border-radius:2em;align-items:center;width:3rem;height:3rem;padding:0;display:flex}.read-wrapper .feed article .actions a:not(:first-child),.read-wrapper .feed article .actions button:not(:first-child){margin-top:1rem}.read-wrapper .feed article .actions a:hover,.read-wrapper .feed article .actions button:hover{background:var(--primary);border-color:var(--primary)}.read-wrapper .feed article .actions a:focus,.read-wrapper .feed article .actions button:focus{border-color:var(--primary);outline:0}.read-wrapper .feed article .actions a.only-on-mobile,.read-wrapper .feed article .actions button.only-on-mobile{display:none}.read-wrapper .feed article .actions img{width:1.5em;height:1.5em;margin:0 auto;display:block}.read-wrapper .feed .back-to-top-wrapper{flex-direction:row-reverse;margin-top:110vh;padding-right:2rem;display:flex;position:sticky;bottom:2rem}.read-wrapper .waiting{text-align:center;font-style:italic}.read-wrapper .loading span{text-align:center;background:gray;padding:2rem;display:block}@media (width<=1023px){.read-wrapper{scroll-snap-type:x mandatory;gap:2em;width:100%;max-width:100vw;max-height:100vh;display:flex;overflow-x:auto}.read-wrapper .sidebar,.read-wrapper .read{box-sizing:border-box;scroll-snap-align:start;flex-shrink:0;width:100vw;max-height:100vh;padding:0 2em;overflow-y:auto}.read-wrapper .filters{gap:2em;display:flex}.read-wrapper .filters>div{flex-grow:1}.read-wrapper .feed .title{flex-wrap:wrap;padding-bottom:2em}.read-wrapper .feed .title h2,.read-wrapper .feed article .actions,.read-wrapper .feed article .content-wrapper{flex-basis:100%}.read-wrapper .feed article .actions{flex-direction:row;order:4;margin-top:1em;position:sticky;bottom:2vh}.read-wrapper .feed article .actions a:not(:first-child),.read-wrapper .feed article .actions button:not(:first-child){margin:0 0 0 1rem}.read-wrapper .feed article .actions a.only-on-mobile,.read-wrapper .feed article .actions button.only-on-mobile{display:block}}@supports (grid-template-rows:subgrid){@media (width>=1024px){.read-wrapper{grid-template-rows:min-content auto;grid-template-columns:repeat(14,1fr);width:100%;max-width:98vw;height:100vh;margin:0 auto;display:grid}.read-wrapper .sidebar,.read-wrapper .read{grid-row:1/-1;grid-template-rows:subgrid;display:grid}.read-wrapper .sidebar{grid-column:1/4}.read-wrapper .read{grid-column:5/15;grid-template-columns:subgrid}.read-wrapper .read .content{grid-template-columns:subgrid;grid-template-rows:min-content auto;display:grid}.read-wrapper .header,.read-wrapper .content{grid-column:1/-1;min-width:0}.read-wrapper .header{grid-row:1/2}.read-wrapper .content{grid-row:2/3}.read-wrapper .filters{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.read-wrapper .filters>:first-child{grid-column:1/span 4}.read-wrapper .filters>:last-child{grid-column:6/span 4}.read-wrapper .feed{grid-column:1/-1}}@media (width>=1400px){.read-wrapper{grid-template-columns:repeat(17,1fr);max-width:1400px}.read-wrapper .read{grid-column:6/18}.read-wrapper .feed{grid-column:2/-2}}}.show-if-not-supports{display:none}@supports not (grid-template-rows:subgrid){.show-if-not-supports{display:block}@media (width>=1024px){.read-wrapper{max-width:80vw;margin:0 auto}.read-wrapper .read{border-top:.1em solid var(--border)}}}.subscription-list{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:0 2em}.subscription-list .header{justify-content:space-between;display:flex}.subscription-list table{border-collapse:collapse;width:100%}.subscription-list table tbody:nth-child(odd){background:#0006}.subscription-list table tbody tr:nth-child(odd){background:#0000001a}.subscription-list table .selectwrapper{margin:.2em}