#random-article{display:flex;margin-bottom:1rem;column-gap:1rem;align-items:center}.random-title{color:hsl(var(--foreground));white-space:nowrap;font-weight:600}#random-refresh{height:2.5rem;aspect-ratio:1;display:grid;place-items:center;border-radius:.75rem;border:1px solid hsl(var(--border));background-color:hsl(var(--primary-foreground));transition:all .2s ease;cursor:pointer}#random-refresh:hover{background-color:hsl(var(--input));transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}#random-refresh svg{width:1.25rem;height:1.25rem;color:hsl(var(--foreground))}@media (max-width:640px){#random-article{flex-wrap:wrap;row-gap:.5rem;margin-bottom:1.5rem}.random-title{flex-grow:1}.article-container{order:3;flex-basis:100%}#random-refresh{height:max-content;padding:.5rem}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsl(var(--background)/.3);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.modal.modal-open{opacity:1;visibility:visible}.modal-content{opacity:0;position:relative;top:50%;left:50%;transform:translate(-50%,-50%) translateY(-50px);width:40rem;max-width:90vw;z-index:1000;max-height:90%;transition:transform .3s ease-in-out,opacity .3s ease-in-out;overflow:hidden;display:flex;flex-direction:column;border-radius:1rem;background-color:hsl(var(--background));border:1px solid hsl(var(--border));box-shadow:0 10px 50px #0003}@media screen and (max-width:675px){.modal-content{width:95%;border-radius:.75rem}}.modal.modal-open .modal-content{transform:translate(-50%,-50%) translateY(0);opacity:1}.modal-header{display:flex;justify-content:center;align-items:center;column-gap:.9rem;padding:1rem;border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--primary-foreground))}.modal-author-avatar{border-radius:999px;width:3rem;height:3rem;border:2px solid hsl(var(--primary))}.modal-author-name-link{text-decoration:none;color:hsl(var(--foreground));font-weight:600;font-size:1.25rem;transition:color .2s ease}.modal-author-name-link:hover{color:hsl(var(--primary))}#modal-articles-container{background-color:hsl(var(--background));padding:1rem;overflow-y:auto;display:flex;flex-direction:column;row-gap:.75rem;flex-grow:1}#modal-articles-container::-webkit-scrollbar{width:6px}#modal-articles-container::-webkit-scrollbar-track{background:hsl(var(--primary-foreground))}#modal-articles-container::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}#modal-articles-container::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground)/.5)}.modal-article{padding:.75rem;border:1px solid hsl(var(--border));border-radius:.75rem;background-color:hsl(var(--primary-foreground));transition:all .2s ease}.modal-article:hover{background-color:hsl(var(--input));transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.modal-article .modal-article-title{cursor:pointer;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:hsl(var(--foreground));font-weight:500;margin-bottom:.5rem;transition:color .2s ease}.modal-article .modal-article-title:hover{color:hsl(var(--primary))}.modal-article .modal-article-date{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;color:hsl(var(--foreground)/.6);text-align:right}.articles-container{display:flex;flex-direction:column;row-gap:.75rem}.article{display:flex;align-items:center;column-gap:.75rem}.article-image img{border-radius:999px;min-width:2.5rem;min-height:2.5rem;width:2.5rem;height:2.5rem;object-fit:cover;border:1px solid hsl(var(--border));transition:all .2s ease}.article-image img:hover{transform:scale(1.05);border-color:hsl(var(--primary))}.article-container{flex-grow:1;border-radius:.75rem;padding:.75rem 1rem;border:1px solid hsl(var(--border));background-color:hsl(var(--primary-foreground));display:flex;align-items:center;column-gap:.75rem;transition:all .2s ease}.article-container:hover{background-color:hsl(var(--input));transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.author-click{cursor:pointer;font-weight:600;color:hsl(var(--foreground));transition:color .2s ease}.author-click:hover{color:hsl(var(--primary))}.article-author{white-space:nowrap;font-weight:600;color:hsl(var(--foreground))}.article-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;flex-grow:1;text-decoration:none;color:hsl(var(--foreground));transition:color .2s ease}.article-title:hover{color:hsl(var(--primary))}.article-date{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;color:hsl(var(--foreground)/.6)}@media (max-width:640px){.article{align-items:start}.article-image{margin-top:.375rem}.article-container{flex-wrap:wrap}.article-author{flex-grow:1}.article-title{order:3;flex-basis:100%}}#load-more-btn{background-color:hsl(var(--primary-foreground));border:1px solid hsl(var(--border));border-radius:.75rem;padding:.5rem 1.5rem;margin:1rem auto;display:block;transition:all .2s ease;cursor:pointer;font-weight:500;color:hsl(var(--foreground))}#load-more-btn:hover{color:hsl(var(--primary));background-color:hsl(var(--input));transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}#load-more-btn:active{transform:translateY(0)}#stats-container{font-size:.75rem;line-height:1rem;text-align:right;color:hsl(var(--foreground)/.6);margin-top:.75rem}#stats-container>*{margin-bottom:.25rem}#stats-container a{color:hsl(var(--foreground)/.8);text-decoration:none;transition:color .2s ease}#stats-container a:hover{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:2px}