.search-container{margin-bottom:20px}.search-controls{display:flex;margin-bottom:20px;width:100%;flex-wrap:wrap;gap:10px}.search-controls input{flex:1;padding:10px;border:1px solid var(--input-border, #ced4da);border-radius:4px;background-color:var(--input-background, #ffffff);color:var(--text-color, #212529);font-size:.9rem;min-width:200px}.search-controls button{padding:10px 15px;background-color:var(--button-primary-bg, #4a6fa5);color:var(--button-primary-text, #ffffff);border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}#reset-btn{background-color:var(--button-reset-bg, #6c757d)}.export-btn{background-color:var(--button-export-bg, #28a745)}.search-controls button:hover{opacity:.9}#reset-btn:hover{background-color:var(--button-reset-hover, #5a6268)}.export-btn:hover{background-color:var(--button-export-hover, #218838)}.sort-controls button{padding:10px 15px;background-color:var(--button-secondary-bg, #f8f9fa);color:var(--button-secondary-text, #212529);border:1px solid var(--border-color, #dee2e6);border-radius:4px;cursor:pointer;font-size:.9rem}.search-section{display:flex;flex-direction:column;gap:16px;width:100%}.search-input-container{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:12px;color:var(--text-muted, #6c757d);display:flex;align-items:center;justify-content:center}.search-input-container input{width:100%;padding:12px 12px 12px 38px;border:1px solid var(--input-border, #ced4da);border-radius:8px;background-color:var(--input-background, #ffffff);color:var(--text-color, #212529);font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 5px #00000008}.search-input-container input:focus{outline:none;border-color:var(--accent-color, #4a6fa5);box-shadow:0 2px 8px #0000001a}.search-buttons{display:flex;flex-wrap:wrap;gap:10px}.btn{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 5px #00000014;display:flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.btn:active{transform:translateY(0);box-shadow:0 2px 3px #00000014}.btn-primary{background-color:var(--button-primary-bg, #4a6fa5);color:var(--button-primary-text, #ffffff)}.btn-secondary{background-color:var(--button-reset-bg, #6c757d);color:var(--button-primary-text, #ffffff)}.btn-export{background-color:var(--button-export-bg, #28a745);color:var(--button-primary-text, #ffffff)}.btn-primary:hover{background-color:var(--button-primary-hover, #405f91)}.btn-secondary:hover{background-color:var(--button-reset-hover, #5a6268)}.btn-export:hover{background-color:var(--button-export-hover, #218838)}@media (min-width: 768px){.search-section{flex-direction:row;align-items:flex-start}.search-input-container{flex:1}.search-buttons{display:flex;gap:8px}}@media (max-width: 767px){.search-buttons{width:100%;justify-content:space-between}.btn{flex:1}}.filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;align-items:center;background-color:var(--card-background, white);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color, rgba(0, 0, 0, .1));padding:15px;border:1px solid var(--border-color, #ddd)}.filter-section{display:flex;align-items:center;gap:15px}.numeric-filters{flex-wrap:wrap}.date-filter{display:flex;align-items:center;gap:5px;margin-right:10px}.date-nav-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--input-border, #ced4da);border-radius:4px;background-color:var(--button-secondary-bg, #f8f9fa);color:var(--text-color, #212529);cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .2s}.date-nav-btn:hover{background-color:var(--button-secondary-hover, #e2e6ea)}.date-nav-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--button-disabled-bg, #e9ecef)}.date-nav-btn:disabled:hover{background-color:var(--button-disabled-bg, #e9ecef)}.date-input{padding:8px 12px;height:30px;border:1px solid var(--input-border, #ced4da);border-radius:4px;background-color:var(--input-background, #ffffff);color:var(--text-color, #212529);font-size:.9rem;text-align:center;font-family:inherit}.date-input::-webkit-calendar-picker-indicator{cursor:pointer}.filter-group{display:flex;flex-direction:column;gap:12px;flex:1}.filter-heading{font-size:16px;font-weight:600;color:var(--heading-color, #333);margin:0;padding-bottom:4px;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .05))}.numeric-inputs{display:flex;flex-wrap:wrap;gap:16px;min-height:80px}.input-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px}.input-group label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-color, #333)}.input-group svg{color:var(--accent-color, #4a6fa5)}.input-group input{padding:10px 12px;border:1px solid var(--input-border, #ced4da);border-radius:6px;font-size:.9rem;transition:all .2s ease;box-shadow:0 2px 5px #00000008}.input-group input:focus{outline:none;border-color:var(--accent-color, #4a6fa5);box-shadow:0 2px 8px #0000001a}.toggle-options{display:flex;flex-wrap:wrap;gap:12px;min-height:80px;padding-top:24px}.toggle-option{position:relative}.toggle-option input{position:absolute;opacity:0;width:0;height:0}.toggle-option label{display:flex;align-items:center;gap:8px;padding:10px 14px;background-color:var(--tag-bg, #f8f9fa);border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color, #dee2e6)}.toggle-option label.active{background-color:var(--accent-light, rgba(74, 111, 165, .1));border-color:var(--accent-color, #4a6fa5);color:var(--accent-color, #4a6fa5)}.toggle-text{font-size:14px;font-weight:500}.checkbox-filters{border-left:1px solid var(--border-color, #ddd);padding-left:15px;margin-left:5px}.filter-label{font-size:.9rem;font-weight:700;color:var(--text-color, #212529);margin-right:5px}.checkbox-options{display:flex;gap:15px}.checkbox-container{display:flex;align-items:center}.checkbox-container input[type=checkbox]{margin-right:5px;width:16px;height:16px;cursor:pointer}.checkbox-container label{display:flex;align-items:center;font-size:.9rem;color:var(--text-color, #212529);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-icon{margin-right:5px;display:inline-flex;align-items:center;font-size:1rem}.sort-controls{display:flex;align-items:center;gap:10px;margin-bottom:15px}.sort-controls span{font-size:.9rem;color:var(--text-color, #212529);font-weight:700}.sort-controls button{padding:10px 15px;background-color:var(--button-secondary-bg, #f8f9fa);color:var(--button-secondary-text, #212529);border:1px solid var(--border-color, #dee2e6);border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.sort-controls button.active{background-color:var(--button-primary-bg, #4a6fa5);color:var(--button-primary-text, #ffffff);border-color:var(--button-primary-bg, #4a6fa5)}.sort-controls button:hover:not(.active){background-color:var(--button-secondary-hover, #e2e6ea)}@media (max-width: 768px){.filters{flex-direction:column;align-items:flex-start;gap:20px}.filter-section{width:100%}.checkbox-filters{border-left:none;padding-left:0;margin-left:0;border-top:1px solid var(--border-color, #ddd);padding-top:15px}.date-filter{width:100%;justify-content:space-between}.date-input{flex-grow:1}.sort-controls{flex-wrap:wrap}}.dark-mode .filter-group input[type=number],.dark-mode .date-input{color-scheme:dark}.filters-container{display:flex;flex-direction:column;gap:20px;margin-top:10px}@media (min-width: 768px){.filters-container{flex-direction:row;align-items:flex-start}.filter-group{min-width:280px}.filter-group:last-child .filter-heading{margin-bottom:12px}}@media (max-width: 767px){.filter-group{width:100%}.toggle-options{padding-top:0}}@media (max-width: 480px){.toggle-option label{padding:8px 12px}.toggle-text{font-size:13px}.toggle-icon{font-size:14px}}.filters-row{display:flex;flex-wrap:wrap;gap:24px;margin-top:20px;align-items:flex-end}.filters-column{flex:1;min-width:180px;display:flex;flex-direction:column;gap:8px}.filter-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-color, #333)}.filter-label svg{color:var(--accent-color, #4a6fa5)}.filter-input{padding:10px 12px;border:1px solid var(--input-border, #ced4da);border-radius:6px;font-size:.9rem;transition:all .2s ease;box-shadow:0 2px 5px #00000008;width:100%}.filter-input:focus{outline:none;border-color:var(--accent-color, #4a6fa5);box-shadow:0 2px 8px #0000001a}.filter-toggles{display:flex;gap:10px;flex-wrap:wrap}.filter-toggle{display:flex;align-items:center;gap:8px;padding:9px 14px;background-color:var(--tag-bg, #f8f9fa);border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color, #dee2e6);font-size:14px;font-weight:500}.filter-toggle input{position:absolute;opacity:0;width:0;height:0}.filter-toggle.active{background-color:var(--accent-light, rgba(74, 111, 165, .1));border-color:var(--accent-color, #4a6fa5);color:var(--accent-color, #4a6fa5)}.filter-toggle:hover:not(.active){background-color:var(--background-light, #f0f2f5)}.toggle-icon{font-size:16px}@media (max-width: 768px){.filters-row{flex-direction:column;gap:16px;align-items:stretch}.filters-column{width:100%}.filter-toggles{justify-content:space-between}.filter-toggle{flex:1;justify-content:center}}.post-card{background-color:var(--card-background, white);border-radius:12px;box-shadow:0 3px 8px var(--shadow-color, rgba(0, 0, 0, .08));padding:18px;transition:all .3s ease;border:1px solid var(--border-color, rgba(0, 0, 0, .08));margin-bottom:16px}.post-card:not(.read){border-left:4px solid var(--accent-color, #4a6fa5)}.post-card.read .post-title-clickable-area{padding:8px;margin:-8px;border-radius:6px;background-color:var(--read-post-background, rgba(0, 0, 0, .03))}.post-card.read{background-color:var(--card-background, white);border-left:none;opacity:.85}.post-card:hover{box-shadow:0 6px 16px var(--shadow-color, rgba(0, 0, 0, .12));transform:translateY(-2px)}.post-title-clickable-area{cursor:pointer;padding:8px;margin:-8px;display:flex;flex-wrap:wrap}.post-title{margin-top:0;margin-bottom:10px;font-size:calc(var(--step-2) * .8);color:var(--heading-color, #333);width:100%;font-weight:var(--fw-semibold);line-height:var(--lh-heading);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card.read .post-title{color:var(--read-post-title, #666);font-weight:var(--fw-regular)}.post-info-container{display:flex;width:100%;justify-content:space-between;align-items:center}.post-info{display:flex;align-items:center;gap:12px;font-size:var(--step--1);margin-bottom:0}.post-date,.post-subreddit{color:var(--text-muted, #6c757d)}.post-subreddit{background-color:var(--accent-light, rgba(74, 111, 165, .1));padding:3px 8px;border-radius:4px;color:var(--accent-color, #4a6fa5);font-weight:var(--fw-medium)}.post-meta{display:flex;gap:15px;font-size:var(--step--2);color:var(--text-muted, #6c757d);margin-left:auto}.post-meta span{display:flex;align-items:center}.post-upvotes:before{content:"↑";margin-right:4px}.post-comments:before{content:"💬";margin-right:4px}.post-insightful:before{content:"💡";margin-right:4px}.post-newsworthy:before{content:"📰";margin-right:4px}.post-info-icon{cursor:help;margin-left:8px;font-size:var(--step--1)}.expanded-only{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color, rgba(0, 0, 0, .08));animation:fade-in .3s ease-in-out}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expanded-only .expanded-title{display:block;margin-top:0;margin-bottom:16px;font-size:var(--step-2);color:var(--heading-color, #333);font-weight:var(--fw-semibold);line-height:var(--lh-heading);letter-spacing:-.01em}.post-content{margin-bottom:24px;line-height:1.6;color:var(--text-color, #333)}.post-text{white-space:pre-wrap;overflow-wrap:break-word;max-width:100%;padding:0;font-size:1.1rem;line-height:1.7;letter-spacing:.01em}.post-text a{color:var(--accent-color, #4a6fa5);text-decoration:none}.post-text a:hover{text-decoration:underline}.post-text p{margin-bottom:16px}.post-text blockquote{border-left:4px solid var(--accent-light, rgba(74, 111, 165, .3));padding-left:16px;margin-left:0;color:var(--text-muted, #6c757d)}.post-image{display:flex;justify-content:center}.post-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 6px var(--shadow-color, rgba(0, 0, 0, .1))}.post-link{padding:12px 16px;background-color:var(--background-light, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, rgba(0, 0, 0, .08))}.post-link a{color:var(--link-color, #4a6fa5);text-decoration:none;word-break:break-all;font-weight:500}.post-link a:hover{text-decoration:underline}.post-actions{margin-top:20px;margin-bottom:16px;display:flex;justify-content:flex-end}.reddit-link{display:inline-flex;align-items:center;gap:8px;background-color:#ff4500;color:#fff;padding:8px 14px;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 5px #ff45004d}.reddit-link:before{content:"";display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0zm5.93 7.05c.5 0 .88.4.88.88 0 .36-.2.68-.52.82.02.14.02.28.02.42 0 2.15-2.5 3.88-5.58 3.88-3.08 0-5.58-1.73-5.58-3.88 0-.15.01-.3.03-.44-.31-.14-.52-.47-.52-.85 0-.5.38-.88.88-.88.22 0 .42.08.58.23 1.1-.8 2.6-1.3 4.28-1.35l.81-3.78c.01-.07.05-.13.11-.16.06-.04.13-.05.2-.03l2.61.53c.18-.34.54-.58.96-.58.6 0 1.09.49 1.09 1.09s-.49 1.09-1.09 1.09c-.59 0-1.07-.47-1.09-1.05l-2.36-.47-.72 3.39c1.62.06 3.06.56 4.09 1.35.16-.14.35-.21.56-.21z'/%3E%3C/svg%3E");background-size:cover}.reddit-link:hover{background-color:#ff5722;transform:translateY(-2px);box-shadow:0 4px 8px #ff450066;text-decoration:none}@media (max-width: 768px){.post-card{padding:15px}.post-title{font-size:1.1rem}.expanded-only{margin-top:15px;padding-top:15px}.post-meta{gap:12px}}.post-card.read .post-info:before{content:"READ";font-size:.6rem;background-color:var(--read-badge-color, #aaa);color:#fff;padding:2px 6px;border-radius:3px;margin-right:8px;letter-spacing:.5px}.expanded-title{display:none}.post-card.single-post-mode{max-width:1000px;margin:0 auto;box-shadow:0 6px 24px #00000014;border:1px solid var(--border-color, rgba(0, 0, 0, .08))}.post-title-clickable-area.not-clickable{cursor:default}.back-button-container,.back-button-container.top{margin-bottom:20px}.back-button-container.bottom{margin-top:30px;text-align:center}.back-button{display:inline-flex;align-items:center;background-color:var(--accent-light, rgba(74, 111, 165, .1));color:var(--accent-color, #4a6fa5);border:none;padding:8px 16px;border-radius:6px;font-weight:var(--fw-medium);cursor:pointer;transition:all .2s ease}.back-button svg{margin-right:8px}.back-button:hover{background-color:var(--accent-color, #4a6fa5);color:#fff;transform:translateY(-2px)}.single-post-mode .expanded-only{padding:10px 20px 30px}.single-post-mode .post-text{font-size:1.15rem;line-height:1.8}@media (max-width: 768px){.post-card.single-post-mode{border-radius:0;box-shadow:none;border-left:none;border-right:none}.back-button-container{margin-bottom:15px}.single-post-mode .expanded-only{padding:5px 15px 20px}}.comments-section{margin-top:1.5rem}.comments-title{font-size:1.4rem;margin-bottom:1rem;color:var(--heading-color);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment{background-color:var(--comment-background, var(--card-background));border:1px solid var(--border-color);border-radius:6px;padding:1rem 1.25rem;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.comment-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:.75rem;font-size:1rem;border-bottom:1px dashed var(--border-color);padding-bottom:.5rem;transition:border-color .3s ease}.comment-author{font-weight:700;color:var(--accent-color);font-size:1.05rem}.comment-score,.comment-date{color:var(--text-secondary)}.comment-text{color:var(--text-color);line-height:1.65;overflow-wrap:break-word;font-size:1.05rem;letter-spacing:.01em}.comment-text img{max-width:100%;height:auto;display:block;max-height:300px;object-fit:contain;margin:15px 0;border-radius:8px}.loading,.error,.no-comments{padding:1rem;text-align:center;background-color:var(--card-background);border-radius:4px;margin-top:1rem}.error{color:var(--error-color, #e74c3c)}.no-comments{color:var(--text-secondary);font-style:italic}.dark-mode .comment{background-color:#2a2a2e;border-color:#444;box-shadow:0 2px 5px #0003;border-left:3px solid var(--accent-color);padding-left:calc(1.25rem - 3px)}.dark-mode .comment-header{border-bottom-color:#444}.dark-mode .comment-author{color:var(--accent-color)}.posts-list-container{display:flex;flex-direction:column;gap:20px}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--text-muted, #6c757d);font-size:var(--step--1)}.results-info p{margin:0;font-size:var(--step--1);color:var(--text-secondary, #666);font-weight:var(--fw-medium)}.posts-container{display:flex;flex-direction:column;gap:16px}.posts-loading,.posts-error,.no-posts{padding:20px;text-align:center;background-color:var(--card-background, white);border:1px solid var(--border-color, #ddd);border-radius:8px;color:var(--text-color, #333);margin-top:20px}.posts-error{background-color:#ffebee;color:#d32f2f;padding:16px;border-radius:8px;font-weight:var(--fw-medium);text-align:center;margin:20px 0}.posts-loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin:10px 0;width:100%}.posts-loading-indicator .loading-spinner{border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top:3px solid var(--accent-color, #4a6fa5);width:24px;height:24px;animation:spin 1s linear infinite;margin-bottom:10px}.posts-loading-indicator p{margin:0;font-size:var(--step--1);color:var(--text-muted, #6c757d)}.no-posts-message{text-align:center;padding:40px 20px;color:var(--text-muted, #6c757d);background-color:var(--background-light, #f8f9fa);border-radius:8px;border:1px dashed var(--border-color, #dee2e6)}.no-posts-message svg{margin-bottom:15px;color:var(--text-muted, #6c757d)}.no-posts-message h3{margin:0 0 10px;font-weight:var(--fw-semibold);color:var(--text-color, #333);font-size:var(--step-1)}.no-posts-message p{margin:0;line-height:var(--lh-body)}@media (max-width: 768px){.posts-container{gap:12px}}.posts-list-container.single-post-mode{max-width:1000px;margin:0 auto}.posts-list-container.single-post-mode .posts-container{gap:0}@media (max-width: 768px){.posts-list-container.single-post-mode{padding:0}}.scroll-to-top-btn{position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:var(--primary-color, #0079d3);color:#fff;border:none;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 2px 5px #0000004d;transition:background-color .3s,transform .3s}.scroll-to-top-btn:hover{background-color:var(--primary-color-dark, #005fa5);transform:translateY(-3px)}.scroll-to-top-btn:active{transform:translateY(0)}@media (max-width: 768px){.scroll-to-top-btn{width:35px;height:35px;bottom:15px;right:15px;font-size:18px}}.home-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color, #f0f2f5);padding:0 20px}.container{width:100%;max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:15px;position:relative}header h1{font-size:1.8rem;color:var(--heading-color, #333);margin:0}.search-container{background-color:var(--card-background, white);padding:20px;border-radius:8px;box-shadow:0 2px 4px var(--shadow-color, rgba(0, 0, 0, .1));margin-bottom:20px;border:1px solid var(--border-color, #dee2e6)}@media (max-width: 768px){.container{padding:15px}header h1{font-size:1.5rem}}.main-content{width:100%;max-width:1200px;margin:8px auto;display:flex;flex-direction:column;gap:16px}.search-filter-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;align-items:flex-start}.app-footer{background-color:var(--footer-background, var(--secondary-color));color:#fff;text-align:center;padding:1rem 0;margin-top:auto}.dashboard-card{background-color:var(--card-background, white);border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border:1px solid var(--border-color, rgba(0, 0, 0, .05))}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.card-header{padding:12px 20px;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .05));background-color:var(--card-header-bg, rgba(0, 0, 0, .02))}.card-header h2{margin:0;font-size:16px;font-weight:600;color:var(--heading-color, #333)}.card-content{padding:16px}.search-and-filters{margin-bottom:0}.posts-card{flex:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;margin-top:2rem}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--accent-color, #4a6fa5);width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{text-align:center;padding:2rem;background-color:#ffebee;border-radius:12px;margin:2rem auto;max-width:600px;color:#d32f2f;box-shadow:0 4px 12px #0000000d}.error-container h2{margin-top:0;color:#b71c1c}@media (max-width: 768px){.home-page{padding:0 15px}.main-content{margin:15px auto;gap:16px}.card-header h2{font-size:16px}.card-content{padding:15px}}.collapsible-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center}.collapse-button{background:transparent;border:none;color:var(--text-muted, #6c757d);cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.collapse-button:hover{background-color:var(--hover-color, rgba(0, 0, 0, .05))}.card-content.collapsed{display:none}.card-content.expanded{display:block}.single-post-view .dashboard-card{border-radius:12px;max-width:1000px;margin:0 auto}@media (max-width: 768px){.single-post-view .dashboard-card{border-radius:0;border-left:none;border-right:none}.single-post-view .main-content{margin:0;padding:0}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-color, #f0f2f5);background-image:linear-gradient(135deg,#4a6fa51a,#4a6fa50d);padding:20px}.login-card{background:var(--card-background, white);padding:3rem;border-radius:16px;box-shadow:0 10px 25px #00000014;width:100%;max-width:450px;text-align:center;transition:all .3s ease;border:1px solid rgba(0,0,0,.06);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--accent-color, #4a6fa5),var(--accent-color, #4a6fa5) 50%,transparent 50%,transparent);background-size:20px 100%;opacity:.8}.login-card h1{margin-bottom:.75rem;color:var(--heading-color, #333);font-size:var(--step-2);font-weight:var(--fw-bold);letter-spacing:-.01em}.login-card p{margin-bottom:2.5rem;color:var(--text-muted, #6c757d);font-size:var(--step-0)}.logo{margin-bottom:1.5rem;display:flex;justify-content:center}.logo svg{width:60px;height:60px;color:var(--accent-color, #4a6fa5)}.google-login-button{display:flex;justify-content:center;margin-top:1.5rem}.google-login-button div{box-shadow:0 2px 10px #0000001a!important;transition:transform .3s ease!important}.google-login-button div:hover{transform:translateY(-2px)}.error-message{color:#e53935;margin-bottom:1.5rem;padding:.75rem 1rem;background-color:#e539351a;border-radius:8px;font-weight:var(--fw-medium);border-left:4px solid #e53935;text-align:left}.notes{margin-top:2rem;font-size:var(--step--2);color:var(--text-muted, #6c757d);text-align:center;padding:0 1rem}@media (max-width: 576px){.login-card{padding:2rem 1.5rem}.login-card h1{font-size:var(--step-1)}.login-card p{font-size:var(--step-0);margin-bottom:2rem}}.app-footer{background-color:var(--footer-background, var(--card-background));color:var(--text-secondary);padding:1.5rem 1rem;margin-top:auto;border-top:1px solid var(--border-color);text-align:center;font-size:var(--step--1);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer-content p{margin:0}.footer-content nav a{color:var(--link-color);text-decoration:none;margin:0 .5rem}.footer-content nav a:hover{text-decoration:underline}.dark-mode .app-footer{background-color:var(--footer-background-dark, #1e1e1e);color:var(--text-secondary);border-top-color:var(--border-color)}.dark-mode .footer-content nav a{color:var(--link-color)}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.5rem;margin-left:1rem;color:var(--theme-toggle-color, var(--text-color));display:flex;align-items:center;justify-content:center;transition:transform .2s ease,color .3s ease}.theme-toggle:hover{transform:none;opacity:.8}body.dark-mode .theme-toggle{color:var(--theme-toggle-color, var(--text-color))}.app-header{background-color:var(--header-background, var(--card-background, white));color:var(--text-color, #333);width:100%;box-shadow:0 1px 4px #0000000d;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .1))}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.15rem 1.5rem}.logo{display:flex}.logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;transition:opacity .2s ease}.logo-link:hover{opacity:.9;text-decoration:none}.logo-icon{display:flex;align-items:center;justify-content:center;color:var(--accent-color, #4a6fa5)}.logo-text{display:flex;flex-direction:column}.logo h1{margin:0;font-size:1.3rem;font-weight:var(--fw-bold);color:var(--heading-color, #333);line-height:1.2}.subtitle{font-size:var(--step--3);color:var(--text-muted, #6c757d);font-weight:var(--fw-regular)}.header-controls{display:flex;align-items:center;gap:20px}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--accent-light, rgba(74, 111, 165, .1));border-radius:50%;color:var(--accent-color, #4a6fa5)}.user-email{font-size:var(--step--1);color:var(--text-muted, #6c757d);margin-right:4px}.logout-button{display:flex;align-items:center;gap:6px;background-color:transparent;color:var(--text-color, #333);border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:6px;padding:6px 12px;font-size:var(--step--1);font-weight:var(--fw-medium);cursor:pointer;transition:all .2s ease}.logout-button:hover{background-color:#fee2e2;color:#ef4444;border-color:#fecaca}.logout-button svg{color:#ef4444}@media (max-width: 768px){.header-container{padding:.4rem 1rem}.logo h1{font-size:var(--step-0)}.subtitle{font-size:var(--step--2)}.user-email,.logout-button span{display:none}.logout-button{padding:6px}}:root{--primary-color: #4a6fa5;--secondary-color: #2c3e50;--accent-color: #4a6fa5;--accent-light: rgba(74, 111, 165, .1);--background-color: #f0f2f5;--card-background: #ffffff;--card-header-bg: rgba(0, 0, 0, .02);--background-light: #f8f9fa;--header-background: #ffffff;--text-color: #333333;--text-muted: #6c757d;--heading-color: #333333;--border-color: rgba(0, 0, 0, .1);--input-border: #ced4da;--input-background: #ffffff;--button-primary-bg: #4a6fa5;--button-primary-hover: #405f91;--button-primary-text: #ffffff;--button-secondary-bg: #f8f9fa;--button-secondary-text: #212529;--button-reset-bg: #6c757d;--button-reset-hover: #5a6268;--button-export-bg: #28a745;--button-export-hover: #218838;--shadow-color: rgba(0, 0, 0, .1);--footer-background: #2c3e50;--tag-bg: #f8f9fa;--link-color: #2563EB;--error-color: #dc3545}.dark-mode{--primary-color: #5a82bf;--secondary-color: #2c3e50;--accent-color: #5a82bf;--accent-light: rgba(90, 130, 191, .15);--background-color: #121212;--card-background: #1e1e1e;--card-header-bg: rgba(255, 255, 255, .05);--background-light: #252525;--header-background: #1e1e1e;--text-color: #e1e1e1;--text-muted: #a0a0a0;--heading-color: #ffffff;--border-color: rgba(255, 255, 255, .1);--input-border: #444444;--input-background: #2a2a2a;--button-primary-bg: #5a82bf;--button-primary-hover: #6a92cf;--button-primary-text: #ffffff;--button-secondary-bg: #2a2a2a;--button-secondary-text: #e1e1e1;--button-reset-bg: #555555;--button-reset-hover: #666666;--button-export-bg: #2a9d4a;--button-export-hover: #37a957;--shadow-color: rgba(0, 0, 0, .3);--footer-background: #1a1a1a;--tag-bg: #2a2a2a;--link-color: #6b94d4;--error-color: #e74c3c}.light-mode{--accent-color: #4a6fa5;--accent-hover-color: #3d5d8a;--secondary-color: #6c757d;--secondary-hover-color: #5a6268;--background-color: #f8f9fa;--card-background: #ffffff;--border-color: #dee2e6;--text-color: #212529;--text-secondary: #6c757d;--heading-color: #343a40;--link-color: #2563EB;--error-color: #dc3545;--input-background: #ffffff;--input-border: #ced4da;--comment-background: #f8f9fa;--button-primary-bg: #4a6fa5;--button-primary-text: #ffffff;--button-primary-hover: #3d5d8a;--button-secondary-bg: #f8f9fa;--button-secondary-text: #212529;--button-secondary-hover: #e2e6ea;--button-reset-bg: #6c757d;--button-reset-hover: #5a6268;--button-export-bg: #28a745;--button-export-hover: #218838;--shadow-color: rgba(0, 0, 0, .1);--success-color: #28a745;--theme-toggle-color: #212529;--footer-background: #e9ecef;--header-background: #ffffff}body{margin:0;padding:0;font-family:Inter,-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;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;min-height:100vh;line-height:1.65}*{box-sizing:border-box}a{color:var(--link-color);text-decoration:none}button{padding:10px 15px;background-color:var(--button-primary-bg);color:var(--button-primary-text);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}button:hover{background-color:var(--button-primary-hover)}.landing{display:flex;flex-direction:column;min-height:calc(100vh - 80px)}.hero{padding:56px 20px 32px}.hero-content{max-width:980px;margin:0 auto}.brand{text-align:left}.brand img{display:inline-block;vertical-align:middle;margin-right:12px}.brand h1{margin:8px 0 12px;font-weight:700;line-height:1.2;font-size:clamp(28px,5vw,44px);color:var(--heading-color)}.subhead{margin:0;color:var(--text-secondary);max-width:820px;font-size:clamp(16px,2.2vw,20px)}.cta{margin-top:24px}.features{padding:20px}.feature-grid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:16px;box-shadow:0 1px 2px var(--shadow-color)}.feature h3{margin:0 0 8px;font-size:clamp(16px,2vw,18px)}.feature p{margin:0;color:var(--text-secondary);font-size:15px}@media (max-width: 1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.feature-grid{grid-template-columns:1fr}.hero{padding-top:32px}}.legal-container{padding:32px 20px}.legal-card{max-width:900px;margin:0 auto;background:var(--card-background);border:1px solid var(--border-color);border-radius:10px;padding:28px;box-shadow:0 2px 6px var(--shadow-color)}.legal-card h1{margin-top:0;margin-bottom:16px}.legal-card h2{margin-top:20px}.legal-card p{margin:10px 0}@font-face{font-family:InterVariable;src:url(/assets/Inter-Variable-C2S99t-D.woff2) format("woff2-variations");font-weight:1 1000;font-display:swap}@font-face{font-family:InterVariableItalic;src:url(/assets/Inter-Italic-Variable-C02_OjKP.woff2) format("woff2-variations");font-weight:1 1000;font-style:italic;font-display:swap}@font-face{font-family:RobotoSlabVariable;src:url(/assets/RobotoSlab-Variable-BlO6ecHw.woff2) format("woff2-variations");font-weight:1 1000;font-display:swap}:root{--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--step--2: clamp(.75rem, .7rem + .1vw, .85rem);--step--1: clamp(.875rem, .8rem + .15vw, .95rem);--step-0: clamp(1rem, .9rem + .2vw, 1.125rem);--step-1: clamp(1.5rem, 1.15rem + .4vw, 1.8rem);--step-2: clamp(1.875rem, 1.4rem + .6vw, 2.25rem);--step-3: clamp(2.25rem, 1.7rem + 1vw, 3rem);--step-4: clamp(3rem, 2.1rem + 2vw, 4rem);--lh-heading: 1.25;--lh-body: 1.6;--lh-code: 1.5}@supports not (font-variation-settings: normal){:root{--fw-semibold: 700}}body{font-family:InterVariable,system-ui,sans-serif;font-size:var(--step-0);line-height:var(--lh-body)}.markdown-body{font-family:RobotoSlabVariable,Georgia,serif;font-size:var(--step-0);line-height:var(--lh-body)}@media (max-width: 360px){:root{font-size:15px}}.markdown-body h1{font-size:var(--step-3);line-height:var(--lh-heading);font-weight:var(--fw-bold);margin-bottom:.5em;letter-spacing:-.01em}.markdown-body h2{font-size:var(--step-2);line-height:var(--lh-heading);font-weight:var(--fw-semibold);margin-bottom:.5em;letter-spacing:-.01em}.markdown-body h3{font-size:var(--step-1);line-height:var(--lh-heading);font-weight:var(--fw-semibold);margin-bottom:.5em}.markdown-body h4,.markdown-body h5,.markdown-body h6{font-size:var(--step-0);line-height:1.3;font-weight:var(--fw-medium);margin-bottom:.5em}.markdown-body p{margin:0 0 .8em;max-width:68ch}.markdown-body ul,.markdown-body ol{margin:0 0 1em 1.5em}.markdown-body li{margin-bottom:.3em}.markdown-body blockquote{border-left:4px solid var(--accent-light, rgba(74, 111, 165, .1));padding-left:1em;margin:1em 0;font-style:italic;color:var(--text-muted, #6c757d)}.markdown-body code{font-family:ui-monospace,SFMono-Regular,Roboto Mono,monospace;font-size:var(--step--1);background:var(--accent-light, rgba(74, 111, 165, .1));padding:.2em .4em;border-radius:3px;line-height:var(--lh-code)}.markdown-body pre{background:var(--background-light, #f8f9fa);padding:1em;border-radius:4px;overflow-x:auto;margin:1em 0}.markdown-body pre code{background:none;padding:0;font-size:var(--step--1);line-height:var(--lh-code)}.markdown-body img{max-width:100%;height:auto;margin:1em 0;border-radius:4px}.markdown-body a{color:var(--link-color, #4a6fa5);text-decoration:none}.markdown-body a:hover{text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0;background-color:var(--background-color, #f8f9fa);color:var(--text-color, #212529)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:var(--link-color, #4a6fa5);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}