@import 'https://fonts.bunny.net/css?family=inter:400,500,600';:root{--max-content-width:900px;--spacing:1.5rem;--font-size:clamp(0.95rem, 1.25vw, 1.1rem);--border-color:#d8dee9;--background-color:#e5e9f0;--heading-color:#2e3440;--input-border:#d8dee9;--input-bg:#eceff4;--text-color:#3b4252;--button-bg:#5e81ac;--button-text:#eceff4;--placeholder-color:#4c566a;--pill-idle-bg:rgba(216, 222, 233, 0.5);--pill-hover-bg:#d8dee9;--pill-active-bg:#88c0d0;--pill-active-text:#2e3440}*{box-sizing:border-box}body{font-family:inter,sans-serif;font-size:var(--font-size);line-height:1.5;padding:var(--spacing);background-color:#eceff4;color:var(--text-color);transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column;align-items:center}main{width:100%;max-width:var(--max-content-width)}header{margin-bottom:2rem;text-align:center;width:100%}header h1{display:inline-block;margin-bottom:1.5rem;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:600;text-decoration:none;color:var(--heading-color);transition:all .2s ease-in-out;letter-spacing:-.03em}header h1:hover{color:#81a1c1;transform:translateY(-1px)}.nav-pills ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0}.nav-pills li{display:flex;align-items:center}.nav-pills li:not(:last-child)::after{content:"|";margin:0 .25rem;opacity:.3;font-size:.8em;font-weight:400}.nav-pills a{text-decoration:none;font-weight:500;font-size:.9em;padding:.2rem .5rem;color:var(--text-color);background-color:transparent;transition:all .2s ease;border-radius:4px}.nav-pills a:hover{color:var(--button-bg);background-color:var(--pill-idle-bg)}.nav-pills a.active{color:var(--button-bg);font-weight:600;background-color:transparent}footer{text-align:center;font-size:.85em;opacity:.7;margin-top:var(--spacing)}img{display:block;height:auto;max-width:100%;margin:1em auto;border-radius:6px}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;width:100%}.post-card{overflow:hidden;border-radius:8px;border:1px solid var(--border-color);background:var(--background-color);transition:transform .15s ease;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-3px);border-color:#81a1c1}.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.card-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0;border-radius:0;border-bottom:1px solid var(--border-color)}.card-content{padding:1rem;flex-grow:1}.card-content h2{margin:.2rem 0;font-size:1.25rem;color:var(--heading-color);line-height:1.2}.card-description{margin-top:.5rem;font-size:.95rem;opacity:.85}.post-date{display:block;color:var(--placeholder-color);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:.4rem 0}table{width:100%;border-collapse:collapse;margin:1em 0}table th,table td{border:1px solid var(--border-color);padding:8px 12px;text-align:left}table th{background-color:var(--background-color);color:var(--heading-color);font-weight:700}mastodon-comments{display:block;margin:2rem auto;max-width:680px;font-size:var(--font-size);font-family:inherit}#mastodon-stats{text-align:center;font-size:1.1rem;margin-bottom:.5rem}#mastodon-title{font-size:1.25rem;font-weight:600;color:var(--heading-color);margin-bottom:.8rem;letter-spacing:-.02em}mastodon-comments>p{font-size:.9rem;color:var(--placeholder-color);margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}mastodon-comments>p a.link{color:var(--button-bg)}#mastodon-comments-list{margin:0;padding:0}#mastodon-comments-list ul{padding-left:2rem;margin:0}#mastodon-comments-list li{list-style:none}.mastodon-comment{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;color:var(--text-color)}.mastodon-comment p{margin-bottom:0}.mastodon-comment .author{display:flex;align-items:flex-start;gap:.75rem}.mastodon-comment .author a{text-decoration:none;color:inherit}.mastodon-comment .author .avatar img{border-radius:6px;min-width:48px;width:48px;height:48px;object-fit:cover}.mastodon-comment .author .details{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .5rem;flex:1;min-width:0}.mastodon-comment .author .details .name{font-weight:600;color:var(--heading-color);display:inline-flex;align-items:center;gap:.2rem}.mastodon-comment .author .details .name img{height:1.1em;width:auto;vertical-align:middle;object-fit:contain}.mastodon-comment .author .details .user{font-size:.82rem;color:var(--placeholder-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mastodon-comment .author .date{margin-left:auto;font-size:.8rem;color:var(--placeholder-color);white-space:nowrap;flex-shrink:0}.mastodon-comment .author .date time{text-decoration:none}.mastodon-comment .content{margin:.8rem 0 .5rem;line-height:1.55;font-size:.95rem}.mastodon-comment .content p{margin-bottom:.5rem}.mastodon-comment .content a{color:var(--button-bg)}.mastodon-comment .attachments{margin-top:.5rem}.mastodon-comment .attachments img{max-width:100%;border-radius:6px;margin:.25rem 0}.mastodon-comment .status,#mastodon-stats{margin-top:.6rem;display:flex;gap:1rem}.mastodon-comment .status>div,#mastodon-stats>div{display:inline-flex;align-items:center;gap:.2rem}.mastodon-comment .status a,#mastodon-stats a{color:var(--placeholder-color);text-decoration:none;font-size:.85rem;display:inline-flex;align-items:center;gap:.25rem;transition:color .15s}.stat-icon{font-style:normal;font-size:1em;line-height:1}.mastodon-comment .status .replies.active a,#mastodon-stats .replies.active a{color:#81a1c1}.mastodon-comment .status .reblogs.active a,#mastodon-stats .reblogs.active a{color:#88c0d0}.mastodon-comment .status .favourites.active a,#mastodon-stats .favourites.active a{color:#ebcb8b}#add-comment{padding:.45rem .9rem;background:var(--button-bg);color:var(--button-text);border:none;border-radius:5px;cursor:pointer;font-size:.85rem;font-family:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.03em;transition:opacity .15s}#add-comment:hover{opacity:.85}dialog{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:1.5rem;max-width:480px;width:90%;color:var(--text-color);background:var(--background-color);font-family:inherit}dialog::backdrop{background:rgba(0,0,0,.4)}dialog h3{margin-top:0;color:var(--heading-color);font-size:1.1rem}dialog p{font-size:.9rem;color:var(--placeholder-color)}dialog #close{position:absolute;top:.75rem;right:.75rem;border:none;background:0 0;font-size:1.4rem;cursor:pointer;color:var(--placeholder-color);line-height:1}dialog #close:hover{color:var(--text-color)}.input-row{display:flex;gap:.5rem;margin:.6rem 0}.input-row input{flex:1;padding:.5rem .7rem;border:1px solid var(--border-color);border-radius:5px;background:var(--input-bg);color:var(--text-color);font-family:inherit;font-size:.9rem}.input-row input::placeholder{color:var(--placeholder-color);opacity:.9}.button{padding:.5rem 1rem;background:var(--button-bg);color:var(--button-text);border:none;border-radius:5px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;transition:opacity .15s;white-space:nowrap}.button:hover{opacity:.85}@media only screen and (max-width:640px){.mastodon-comment .author{align-items:flex-start}.mastodon-comment .author .date{font-size:.75rem}}.pagination{display:flex;justify-content:center;list-style:none;padding:0;gap:.5rem;margin:2rem 0;width:100%}.pagination li a{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;text-decoration:none;color:var(--text-color);background:var(--background-color);font-size:.85rem}.pagination li.active a{background:var(--button-bg);color:var(--button-text)!important;border-color:var(--button-bg)}.pagination li.disabled{display:none}blockquote{margin:.8em 0;padding:.8rem 1.2rem;border-left:4px solid #88c0d0;background-color:var(--background-color);font-style:italic;font-size:.95em;border-radius:0 6px 6px 0}iframe,embed,video,object{max-width:100%;height:auto;display:block;margin:1em auto;border-radius:6px}.responsive-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:1em 0}.responsive-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media(max-width:767px){:root{--spacing:1.25rem}.post-grid{grid-template-columns:1fr}.nav-pills ul{flex-wrap:wrap;justify-content:center;gap:.4rem}.nav-pills li:not(:last-child)::after{margin:0 .1rem}.nav-pills a{font-size:.9rem;padding:.2rem .3rem}}@media(prefers-color-scheme:dark){body{background-color:#2e3440;color:#d8dee9}:root{--border-color:#434c5e;--background-color:#3b4252;--heading-color:#eceff4;--input-border:#4c566a;--input-bg:#434c5e;--text-color:#d8dee9;--button-bg:#88c0d0;--button-text:#2e3440;--placeholder-color:#81a1c1;--pill-idle-bg:#434c5e;--pill-hover-bg:#4c566a;--pill-active-bg:#81a1c1;--pill-active-text:#2e3440}a{color:#88c0d0}blockquote{background-color:#3b4252;border-left-color:#81a1c1}.post-date{color:#81a1c1}.nav-pills a.active{color:#88c0d0}:root:has(#t:checked){--border-color:#d8dee9;--background-color:#e5e9f0;--heading-color:#2e3440;--input-border:#d8dee9;--input-bg:#eceff4;--text-color:#3b4252;--button-bg:#5e81ac;--button-text:#eceff4;--placeholder-color:#4c566a;--pill-idle-bg:rgba(216, 222, 233, 0.5);--pill-hover-bg:#d8dee9;--pill-active-bg:#88c0d0;--pill-active-text:#2e3440}body:has(#t:checked){background-color:#eceff4;color:#3b4252}body:has(#t:checked) a{color:#5e81ac}}@media(prefers-color-scheme:light){a{color:#5e81ac}:root:has(#t:checked){--border-color:#434c5e;--background-color:#3b4252;--heading-color:#eceff4;--input-border:#4c566a;--input-bg:#434c5e;--text-color:#d8dee9;--button-bg:#88c0d0;--button-text:#2e3440;--placeholder-color:#81a1c1;--pill-idle-bg:#434c5e;--pill-hover-bg:#4c566a;--pill-active-bg:#81a1c1;--pill-active-text:#2e3440}body:has(#t:checked){background-color:#2e3440;color:#d8dee9}body:has(#t:checked) a{color:#88c0d0}}#t{display:none}.toggle-btn{cursor:pointer;padding:.2rem .5rem;font-size:.9em;font-weight:500;border-radius:4px;border:1px solid var(--border-color);background:var(--background-color);color:var(--text-color);transition:all .2s;user-select:none}