body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-moz-osx-font-smoothing:grayscale}iframe,img,video{max-width:100%;height:auto}main{padding-left:var(--spacing-2);grid-column:1/3}a{color:var(--color-text-link)}header{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-2);align-content:center}@media only screen and (max-width:455px){#root{grid-template-columns:1fr}main{grid-column:1;padding:1rem}}:root{--color-background:#050505;--color-background-secondary:#121212;--color-foreground:#fff;--color-border:hsla(0,0%,100%,0.1);--color-text-header:#f0f0f0;--color-text-body:#b0b0b0;--color-branding:#f05;--color-text-link:#00f2ff;--radius:12px;--spacing-1:0.5rem;--spacing-2:1rem}*,:after,:before{box-sizing:border-box}iframe,img,video{max-width:100%!important;height:auto!important;display:block}body{margin:0;background-color:#050505;background-color:var(--color-background);color:#b0b0b0;color:var(--color-text-body);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:1rem;grid-gap:var(--spacing-2);max-width:1400px;margin:0 auto}header{grid-column:1/-1;padding:1rem 1.5rem;background:#121212;background:var(--color-background-secondary);border-bottom:1px solid hsla(0,0%,100%,.1);z-index:100}main{grid-column:2/3}@media (max-width:768px){#root{grid-template-columns:1fr;grid-gap:0}main{grid-column:1}aside,main{padding:1rem;padding:var(--spacing-2)}aside{position:fixed;top:0;right:0;height:100vh;width:85%;max-width:320px;z-index:1000;background:rgba(10,10,10,.98);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:1px solid hsla(0,0%,100%,.1);border-left:1px solid var(--color-border);transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}aside.drawer-open{transform:translateX(0);box-shadow:-15px 0 35px rgba(0,0,0,.8)}}.post-wrapper{box-sizing:border-box;overflow-wrap:break-word;display:flex;background:var(--color-background-secondary);border-radius:var(--radius);border:1px solid hsla(0,0%,100%,.05);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;min-width:0;max-width:100%;overflow:hidden}.post-wrapper:hover{transform:translateY(-2px);border-color:rgba(255,0,85,.3);box-shadow:0 10px 30px rgba(0,0,0,.6)}.post-votes-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2) var(--spacing-1);background:hsla(0,0%,100%,.02);border-right:1px solid hsla(0,0%,100%,.05);flex-shrink:0}.post-votes-value{font-weight:800;font-size:.9rem;margin:4px 0;color:var(--color-text-header)}.post-votes-value.up-vote{color:var(--color-branding);text-shadow:0 0 8px rgba(255,0,85,.4)}.post-votes-value.down-vote{color:#00f2ff;text-shadow:0 0 8px rgba(0,242,255,.4)}.icon-action-button{background:none;border:none;color:var(--color-text-body);cursor:pointer;font-size:1.8rem;padding:4px;border-radius:4px;transition:all .2s}.icon-action-button:hover{background:hsla(0,0%,100%,.05)}.up-vote.active{color:var(--color-branding)}.down-vote.active{color:#00f2ff}.post-container{padding:var(--spacing-2);min-width:0;flex-grow:1}.post-title{color:var(--color-foreground);margin-bottom:var(--spacing-2);font-size:1.25rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.post-image-container{border-radius:8px;overflow:hidden;margin-bottom:var(--spacing-2);border:1px solid hsla(0,0%,100%,.1);background:#000}.post-image{width:100%;max-width:100%;height:auto;display:block;object-fit:contain}.post-details{justify-content:space-between;border-top:1px solid hsla(0,0%,100%,.05);padding-top:var(--spacing-2);color:var(--color-text-body);font-size:.85rem}.author-details,.post-details{display:flex;align-items:center}.author-details{grid-gap:8px;gap:8px}.author-username{font-weight:700;color:var(--color-text-header)}.post-comments-container{display:flex;align-items:center;grid-gap:4px;gap:4px}.showing-comments{color:#00f2ff!important}@media (max-width:480px){.post-wrapper{flex-direction:column}.post-votes-container{flex-direction:row;justify-content:flex-start;grid-gap:var(--spacing-2);gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);width:100%;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.05)}.post-votes-value{margin:0}.post-title{font-size:1.1rem}.post-details{flex-direction:column;align-items:flex-start;grid-gap:8px;gap:8px}}.card{width:1fr;background:var(--color-background #000);box-shadow:var(--box-shadow);margin-bottom:var(--spacing-4);border-radius:var(--radius);padding:var(--spacing-3);transition:box-shadow .1s ease-in;color:var(--color-text-secondary)}.card:hover{border-bottom:3px solid red;box-shadow:var(--box-shadow-hover)}.comment{padding:var(--spacing-2);margin-top:var(--spacing-2);background:hsla(0,0%,100%,.02);border-radius:var(--radius);border-left:2px solid rgba(0,242,255,.1);transition:background .2s ease,border-left-color .2s ease}.comment:hover{background:hsla(0,0%,100%,.04);border-left-color:#00f2ff}.comment-metadata{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:var(--spacing-1)}.comment-author{font-weight:700;color:var(--color-text-header);font-size:.9rem}.comment-created-time{color:var(--color-text-body);font-size:.8rem}.comment-body{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;padding-left:38px}.comment-body p{margin-bottom:8px}.avatar-profile-image{border-radius:50%;height:20px;margin-right:var(--spacing-1)}.react-loading-skeleton{display:inline-block;height:100%;width:100%;background-image:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a);background-size:200px 100%;background-repeat:no-repeat;border-radius:4px;line-height:1;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.post-loading-card{background:var(--color-background-secondary);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius);margin-bottom:var(--spacing-3);overflow:hidden}.loading-wrapper{display:flex}.loading-votes{padding:var(--spacing-2) var(--spacing-1);background:hsla(0,0%,100%,.02);border-right:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:center}.loading-content{padding:var(--spacing-2);flex-grow:1}.loading-details{grid-gap:12px;gap:12px;margin-top:var(--spacing-2)}.error,.loading-details{display:flex;align-items:center}.error{flex-direction:column;justify-content:center}.error button{color:var(--color-text-invert);background:var(--color-branding);border:none;border-radius:var(--radius);font-size:1rem;padding:var(--spacing-2) var(--spacing-4);cursor:pointer}header{justify-content:space-between;padding:0 var(--spacing-3);height:70px;background:rgba(18,18,18,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--color-border);box-shadow:0 4px 30px rgba(0,0,0,.5)}.logo,header{display:flex;align-items:center}.logo{grid-gap:var(--spacing-1);gap:var(--spacing-1)}.logo-icon{font-size:2.5rem;color:var(--color-branding);filter:drop-shadow(0 0 8px rgba(255,0,85,.4))}.logo p{color:var(--color-foreground);font-weight:800;font-size:1.2rem;letter-spacing:-.5px}.logo span{color:var(--color-text-body);font-weight:400}.search{display:flex;align-items:center;background:hsla(0,0%,100%,.05);border:1px solid var(--color-border);border-radius:var(--radius);padding:4px 12px;transition:all .3s ease;width:40%}.search:focus-within{background:hsla(0,0%,100%,.1);border-color:var(--color-branding);box-shadow:0 0 15px rgba(255,0,85,.2)}.search input{color:var(--color-foreground);padding:8px;width:100%;outline:none;font-size:.95rem}.search button,.search input{background:transparent;border:none}.search button{color:var(--color-text-body);cursor:pointer;display:flex;align-items:center;font-size:1.2rem;transition:color .2s}.search button:hover{color:var(--color-branding)}@media only screen and (max-width:600px){header{flex-direction:column;height:auto;padding:var(--spacing-2)}.search{width:100%;margin-top:var(--spacing-1)}}.menu-button{display:none;background:transparent;border:none;color:var(--color-text-header);cursor:pointer;padding:8px;margin-right:12px;transition:color .2s ease}.menu-button.active,.menu-button:hover{color:#00f2ff}@media (max-width:768px){.menu-button{justify-content:center}.header-left,.menu-button{display:flex;align-items:center}}.subreddit-card{background:var(--color-background-secondary);border-radius:var(--radius);border:1px solid hsla(0,0%,100%,.05);padding:var(--spacing-2)}.subreddit-card h2{color:var(--color-foreground);font-size:1.5rem;margin-bottom:4px}.subreddit-card h3{color:var(--color-text-body);font-size:.85rem;margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:1px}.subreddits-list{list-style:none;padding:0;margin:0}.subreddits-list li{margin-bottom:4px}.subreddits-list button{display:flex;align-items:center;width:100%;background:transparent;border:none;color:var(--color-text-header);padding:10px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500}.subreddits-list button:hover{background:hsla(0,0%,100%,.05);transform:translateX(4px)}.selected-subreddit button{background:rgba(0,242,255,.1);color:#00f2ff;border-right:3px solid #00f2ff;border-radius:8px 0 0 8px}.subreddit-icon{width:30px;height:30px;border-radius:50%;margin-right:12px;background:#fff;object-fit:cover}footer .logo{font-weight:700;padding:var(--spacing-1) 0;grid-column:1/2}footer,footer .logo{display:flex;align-items:center;justify-content:center}footer{color:var(--color-branding);background:var(--color-foreground);box-shadow:var(--box-shadow);height:64px;padding:0 var(--spacing-5)}footer .logo-icon{grid-column:2/3;margin-right:var(--spacing-1);font-size:2rem}footer span{color:var(--color-text-header)}
/*# sourceMappingURL=main.e5739dfd.chunk.css.map */