*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--bg:#ececec;--bg-alt:#f5f5f5;--header:#cee8ec;--header-border:#b8d4d8;--text:#1a1a1a;--link:#03c;--link-visited:#639;--muted:#666;--border:#c8c8c8;--accent:#0a6e7e}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);padding:10px;font-family:Verdana,Geneva,sans-serif;font-size:10pt}a{color:var(--link)}a:visited{color:var(--link-visited)}header{background-color:var(--header);border-bottom:1px solid var(--header-border);align-items:center;padding:5px;display:flex;& nav{margin-left:10px;& span{padding:0 5px;display:inline-block}& a{color:var(--text);text-decoration:none;&:hover{text-decoration:underline}}}& .rss{margin-left:auto}}main{padding:5px}footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);margin-top:.5rem;padding:.5rem;font-size:.75rem}.header-logo{color:var(--text);align-items:center;gap:.2rem;text-decoration:none;display:flex;& span{font-size:1.2rem;font-weight:700}}nav a.active{color:var(--accent);font-weight:700}.container{width:100%;max-width:1000px;margin:0 auto}.form-item{margin-bottom:.5rem;& label{margin-bottom:2px;font-weight:600;display:block}& input,& textarea{width:100%;max-width:450px}}.submit-intro{padding:25px 0}.status-message{border:1px solid var(--border);border-left:4px solid var(--accent);background-color:var(--bg-alt);max-width:600px;margin:0 0 1rem;padding:1rem;& strong{margin-bottom:.35rem;font-size:1.05rem;display:block}& p{margin:0}}.status-message--success{background-color:#e8f4eb;border-color:#8fb8a0 #8fb8a0 #8fb8a0 #267a45;& strong{color:#1d6338}}.status-message--error{background-color:#fbecec;border-color:#d5a3a3 #d5a3a3 #d5a3a3 #a52b2b;& strong{color:#842020}}.feed-card{border-bottom:1px solid var(--border);padding:10px 0;&:last-child{border-bottom:none}}.feed-card__title{font-weight:700;& a{color:var(--text);text-decoration:none;&:hover{text-decoration:underline}}}.feed-item{align-items:flex-start;gap:.5rem;margin-bottom:.2rem;display:flex}.feed-item__num{text-align:right;width:25px}.feed-item__title{color:var(--text);text-decoration:none;&:hover{text-decoration:underline}}.feed-item__domain,.feed-item__meta{color:var(--muted);margin-left:.2rem;font-size:.75rem}.feed-item__meta{& a{color:var(--muted);text-decoration:none;&:hover{text-decoration:underline}}}.pagination{& a{color:var(--muted);text-decoration:none;&:hover{text-decoration:underline}}}.random-entry{border:1px solid var(--border);background-color:var(--bg-alt);margin:0;padding:0}.random-entry__toolbar{border-bottom:1px solid var(--border);background-color:var(--header);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .8rem;display:flex}.random-entry__meta{flex-direction:column;min-width:0;display:flex}.random-entry__title{color:var(--link);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;text-decoration:none;overflow:hidden;&:visited{color:var(--link-visited)}&:hover{text-decoration:underline}}.random-entry__blog{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;text-decoration:none;overflow:hidden;&:hover{text-decoration:underline}}.random-entry__actions{flex-shrink:0;gap:.4rem;display:flex}.random-entry__action{border:1px solid var(--border);background-color:var(--bg);color:var(--text);border-radius:3px;padding:.3rem .7rem;font-size:.8rem;text-decoration:none;&:hover{background-color:var(--bg-alt);text-decoration:none}}.random-entry__iframe{border:0;width:100%;height:calc(100vh - 180px);min-height:600px;display:block}.random-entry__summary{color:var(--text);margin:.8rem 0}.random-entry__again{color:var(--muted);margin-top:.6rem;font-size:.85rem;text-decoration:none;display:inline-block;&:hover{text-decoration:underline}}