html,body{margin:0;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;height:100%}main{display:flex;flex-direction:column;padding-top:var(--spacing-2);padding-left:var(--spacing-7);padding-right:var(--spacing-7);margin-right:var(--spacing-3);margin-left:var(--spacing-3)}a{color:var(--color-text-link)}header{align-content:center}.content-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;position:relative}.subreddit-card{z-index:2000;position:fixed;top:70px;right:10px}.subreddits-list{overflow:scroll;max-height:400px}@media only screen and (max-width: 1000px){main{padding:var(--spacing-2)}}.subreddit-card{z-index:2000;position:fixed;top:58px;right:10px;max-height:500px;overflow:scroll}@media only screen and (max-width: 768px){main{padding:var(--spacing-1)}}@media only screen and (max-width: 480px){main{padding:var(--spacing-2)}.subreddit-card{z-index:2000;position:fixed;top:50.5px;right:15px;max-height:500px;overflow:scroll}}:root{--color-background: #f5f7f4;--color-background-secondary: #e8f0e8;--color-foreground: #ffffff;--color-border: #d0d8d3;--color-text-header: #2e4a2f;--color-text-body: #4a6e4e;--color-text-secondary: #6c8e6a;--color-text-invert: #ffffff;--color-text-link: #3a6b3f;--color-branding: #4a7f47;--color-branding-transparent: rgba(74, 127, 71, .4);--color-alert: #d9534f;--color-success: #5bc0de;--color-on-hover: rgba(0, 0, 0, .1);--box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;--box-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important;--spacing-0: 4px;--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 36px;--spacing-5: 64px;--spacing-6: 128px;--spacing-7: 150px;--radius: 4px;--radius-2: 8px}[data-theme=dark]{--color-background: #1e1e1e;--color-background-secondary: #2d2d2d;--color-foreground: #2e2e2e;--color-border: #3a3a3a;--color-text-header: #e0e0e0;--color-text-body: #c0c0c0;--color-text-secondary: #a0a0a0;--color-text-invert: #ffffff;--color-text-link: #b3e3b3;--color-branding: #4a7f47;--color-branding-transparent: rgba(74, 127, 71, .4);--color-alert: #ff6f6f;--color-success: #4dbb87;--color-on-hover: rgba(255, 255, 255, .1);--box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3) !important;--box-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3) !important;--spacing-0: 4px;--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 36px;--spacing-5: 64px;--radius: 4px;--radius-2: 8px}html,body{background:var(--color-background);color:var(--color-text-body)}p{margin:0}.pull-to-refresh-indicator{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:8px;overflow:hidden;color:var(--color-text-secondary);transition:height .15s ease-out}.ptr-arrow{font-size:1.4rem;transition:transform .2s ease}.ptr-arrow.ptr-ready{transform:rotate(180deg)}.ptr-arrow.ptr-spinning{animation:ptr-spin .6s linear infinite}@keyframes ptr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ptr-text{font-size:.8rem;margin-top:2px}header{display:flex;justify-content:space-between;align-items:center;color:var(--color-branding);background:var(--color-foreground);box-shadow:var(--box-shadow);height:auto;padding:0 var(--spacing-1);flex-shrink:0;z-index:100}header .logo{font-weight:700;padding:var(--spacing-1) 0;display:flex;align-items:center}header .logo-icon{margin-right:var(--spacing-1);font-size:2rem}header span{color:var(--color-text-header)}.search{display:flex;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:var(--spacing-1)}.search input{flex-grow:1;background:var(--color-background-secondary);border:none;padding:var(--spacing-1) var(--spacing-2);height:auto;border-radius:var(--radius);color:var(--color-text-header);font-size:1rem;box-sizing:border-box}.search button{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:1.5rem}.toggle{display:flex;align-items:center}.toggle button{background:var(--color-background-secondary);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);transition:background-color .3s ease,border-color .3s ease;color:var(--color-text-body)}@media (max-width: 768px){header{justify-content:flex-end}.search input{padding:var(--spacing-1) var(--spacing-1);width:4px}.toggle button{padding:var(--spacing-1) var(--spacing-1)}.logo-icon{margin-right:var(--spacing-0);font-size:.5rem}.logoName{display:none}}.post-wrapper{position:relative;overflow:hidden}.post-container{position:relative}.post-details{margin-top:var(--spacing-1);border-top:1px solid var(--color-border);padding-top:var(--spacing-1);font-size:.75rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.post-details .author-username{color:var(--color-branding);font-weight:700}.post-image-container{overflow:hidden;border-radius:var(--radius-2);width:100%;max-width:100%;box-sizing:border-box;flex-shrink:0}.post-image-container .post-image{width:auto;max-width:100%;max-height:75vh;object-fit:contain;display:block;height:auto;margin:0 auto}.post-title{margin:0;margin-bottom:var(--spacing-1);color:var(--color-text-header)}.post-votes-container{display:flex;flex-direction:row;align-items:center;margin-right:var(--spacing-2)}.icon-action{font-size:1.5rem}.post-votes-container .post-votes-value{margin:var(--spacing-1) 0;font-weight:700}.post-votes-value.up-vote{color:var(--color-success)!important}.post-votes-value.down-vote{color:var(--color-alert)!important}.up-vote:hover,.up-vote.active{color:var(--color-success)!important}.down-vote:hover,.down-vote.active{color:var(--color-alert)!important}.readmore{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:0;display:flex;align-items:center;border-radius:var(--radius);font-weight:700}.icon-action-button{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:0;display:flex;align-items:center;border-radius:var(--radius)}.icon-action-button:hover{background:var(--color-on-hover)}.post-comments-container{display:flex;align-items:center}.post-comments-container .icon-action{margin-right:var(--spacing-0)}.author-details{display:flex;align-items:center}.showing-comments{color:var(--color-branding)}.comments-list{max-height:500px;width:100%;overflow:scroll}.post-wrapper.showing-comments .comments-list{max-height:500px}@media only screen and (max-width: 768px){.post-details{margin-top:var(--spacing-1);border-top:1px solid var(--color-border);padding-top:var(--spacing-1);font-size:.75rem;display:flex;justify-content:space-between;align-items:center}.comments-list{max-width:100%}.post-votes-container{margin-right:var(--spacing-1)}}.card{background:var(--color-foreground);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{box-shadow:var(--box-shadow-hover)}.comment{background:var(--color-background);margin:var(--spacing-1) 0;padding:var(--spacing-2);transition:box-shadow .1s ease-in;border-radius:var(--border-radius);max-width:100%}.comment:hover{box-shadow:var(--box-shadow)}.comment-metadata{display:flex;margin-bottom:var(--spacing-2);align-items:center}.comment-created-time{margin-left:auto;font-style:italic}.comment-author{display:flex;font-weight:700;color:var(--color-branding)}#comment-body{max-height:20px;overflow:scroll}@media only screen and (max-width: 768px){.comment{margin:var(--spacing-1) 0;padding:var(--spacing-2);transition:box-shadow .1s ease-in;border-radius:var(--border-radius);max-width:100%;justify-content:flex-start}.comment-metadata{display:flex;flex-direction:column;margin-bottom:var(--spacing-1);align-items:center}.comment-text{display:flex;flex-direction:column}}.post-votes-value-loading{width:3rem}.post{display:flex;background:var(--color-foreground);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);flex-direction:row;align-items:center}@media (max-width: 768px){.post{flex-direction:column;padding:var(--spacing-2)}}@media (max-width: 480px){.post{padding:var(--spacing-1)}.post-votes-value-loading{width:2rem}}.error{display:flex;flex-direction:column;justify-content:center;align-items: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}.subreddit-card{padding-right:var(--spacing-1);margin-right:var(--spacing-1)}.subreddit-card h2{margin-top:0;color:var(--color-text-header)}.subreddit-search{margin-bottom:var(--spacing-1);width:100%;margin-top:var(--spacing-1)}.subreddit-search input{width:100%;padding:var(--spacing-1);box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background-secondary);color:var(--color-text-header)}.subreddit-card button{background:none;border:none;display:flex;align-items:center;color:var(--color-text-body);font-weight:600;cursor:pointer;width:100%;padding:var(--spacing-2);border-radius:var(--radius)}.subreddit-item-container{display:flex;align-items:center;justify-content:space-between;width:100%}.subreddit-item-container button.subreddit-item-btn{width:85%}.subreddit-item-container button.subreddit-favorite-btn{width:15%;padding:var(--spacing-1);display:flex;justify-content:center}.star-icon-filled{color:#ffb400;font-size:1.2rem}.star-icon-outline{color:var(--color-text-secondary);font-size:1.2rem}.star-icon-outline:hover{color:#ffb400}.selected-subreddit button{color:var(--color-branding)!important}.selected-subreddit{border-left:5px solid var(--color-branding);background:var(--color-branding-transparent)}.subreddit-card button:hover{background:var(--color-on-hover)}.subreddits-list{list-style:none;padding:0}.subreddit-icon{height:25px;width:25px;border-radius:50%;margin-right:var(--spacing-1)}.back-to-top{background:var(--color-background-secondary);border:3px solid var(--color-border);border-radius:var(--radius);position:fixed;bottom:20px;right:35px;z-index:4000;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:var(--spacing-1) var(--spacing-1);transition:background-color .3s ease,border-color .3s ease;color:var(--color-text-body);font-size:2rem;font-weight:700;opacity:.75}.back-to-top:hover{opacity:1}@media (max-width: 768px){.back-to-top{width:50px;height:50px;font-size:2rem;bottom:35px;right:20px}}@media (max-width: 480px){.back-to-top{width:50px;height:50px;font-size:2rem;bottom:35px;right:20px}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5);text-align:center;color:var(--color-text-body)}.error-boundary h2{margin-bottom:var(--spacing-1);color:var(--color-alert)}.error-boundary p{margin-bottom:var(--spacing-2);color:var(--color-text-secondary)}.error-boundary button{padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-branding);color:var(--color-text-invert);border:none;border-radius:var(--radius);cursor:pointer;font-size:1rem}.error-boundary button:hover{opacity:.9}