body{font-family:var(--font-family-base);font-size:var(--text-lg);line-height:1.6;color:var(--color-text-primary);background:var(--color-background);margin:0;padding:0;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-5) 0;position:relative}.blog-header{display:flex;justify-content:space-between;align-items:center;margin:var(--space-6) 0 0 0}.blog-title{font-size:var(--text-lg);font-weight:var(--font-medium);padding:0;box-sizing:border-box;letter-spacing:-.02em}.add-to-directory-btn{font-size:calc(var(--text-sm) + 1px);padding:0;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap}.add-to-directory-btn:hover{color:var(--color-text-primary);text-decoration:underline}.add-to-directory-btn.added{color:var(--color-text-primary);font-weight:500}.directory-controls{display:flex;align-items:center}.directory-menu-btn{display:none;padding:calc(var(--space-2) - 2px);background:transparent;color:var(--color-primary);border:none;cursor:pointer;transition:all var(--transition-base);margin-right:var(--space-2)}.directory-menu-btn:hover{opacity:.7}.directory-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.directory-modal-content{position:relative;background-color:var(--color-background-white);margin:10% auto;padding:0;border-radius:var(--radius-md);width:90%;max-width:400px;max-height:70vh;display:flex;flex-direction:column}.directory-modal-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.directory-modal-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-primary)}.directory-modal-close{background:none;border:none;font-size:var(--text-2xl);cursor:pointer;color:var(--color-text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1}.directory-modal-body{padding:var(--space-4);overflow-y:auto;flex:1}.directory-modal .directory-list{list-style:none;padding:0;margin:0}.directory-modal .directory-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);position:relative}.directory-modal .directory-list li:last-child{border-bottom:none}.directory-modal .directory-list a{color:var(--color-primary);text-decoration:none;font-size:var(--text-base);display:block}.directory-modal .directory-list a:hover{text-decoration:underline}.directory-sidebar{display:none!important}.directory-title{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.directory-list{list-style:none;margin:0;padding:0;font-size:var(--text-base);position:relative}.directory-item{margin-bottom:var(--space-1);display:flex;justify-content:space-between;align-items:center;position:relative}.activity-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:red;opacity:.5;margin-right:6px;vertical-align:middle}.directory-link{font-size:var(--text-sm);color:var(--color-text-primary);text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.directory-link:hover{color:var(--color-primary)}.directory-remove{font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;margin-left:var(--space-2);opacity:.5;transition:opacity var(--transition-fast)}.directory-remove:hover{opacity:1}@media(max-width:1024px){.directory-sidebar{display:none!important}}.posts{list-style:none;margin:0;padding:0;box-sizing:border-box}.logout-section{text-align:left;margin-bottom:15px}.logout-btn{background:none;border:none;color:var(--color-text-primary);font-size:calc(var(--text-sm) + 1px);cursor:pointer;padding:0;text-decoration:none}.logout-btn:hover{color:var(--color-primary);text-decoration:underline}.signin-section{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e0e0e0;gap:var(--space-2)}.river-link{color:var(--color-primary);text-decoration:none;font-size:calc(var(--text-base) * 1.25);font-weight:600;display:flex;align-items:center;gap:calc(var(--space-1) + 3px);opacity:.7}.river-logo{height:24px;width:auto;display:inline-block;flex-shrink:0}.river-link:hover{opacity:1}.signin-button-container{position:relative;display:inline-block}.signin-toggle{background:none;border:none;color:var(--color-text-primary);font-size:calc(var(--text-sm) + 1px);cursor:pointer;padding:0;text-decoration:none;opacity:.8;margin-top:0}.signin-toggle:hover{color:var(--color-primary);opacity:1}.signin-modal-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:999;animation:fadeIn .15s ease}.signin-modal-overlay.active{display:flex;justify-content:center;align-items:center}.signin-form{background:var(--color-background-white);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:0 4px 20px #00000026;width:90%;max-width:320px;position:relative;animation:slideUp .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.signin-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.signin-form-title{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-primary)}.signin-close-btn{background:none;border:none;font-size:var(--text-2xl);color:var(--color-text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1}.signin-close-btn:hover{color:var(--color-text-primary)}.signin-input{width:150px;padding:4px 0;margin-bottom:8px;border:none;border-bottom:1px solid var(--color-border);background:transparent;font-family:inherit;font-size:var(--text-base);outline:none}.signin-input:focus{border-bottom-color:var(--color-primary)}.signin-input::placeholder{color:var(--color-text-muted)}.signin-actions{display:flex;gap:15px;margin-top:12px}.signin-submit,.signin-cancel{background:none;border:none;color:var(--color-text-primary);font-size:calc(var(--text-sm) + 1px);cursor:pointer;padding:0;font-family:inherit}.signin-submit{text-decoration:underline}.signin-submit:hover{color:var(--color-primary)}.signin-cancel{color:var(--color-text-muted)}.signin-cancel:hover{text-decoration:underline}.post{position:relative;margin-bottom:var(--space-between-posts);background:transparent;box-shadow:none;border-radius:0}.post:hover{box-shadow:none}.post-clickable{cursor:pointer;transition:opacity var(--transition-fast)}.post-clickable:hover{opacity:.95}.post a{color:inherit;text-decoration:none}.post-text{padding:var(--space-5) var(--space-5)}.post-text.expanded .post-text-content{margin-left:var(--space-8);margin-right:var(--space-5);text-align:left!important}.post-text.expanded .post-text-content *{text-align:left!important}.post-image{padding-left:0;padding-right:0}.post-image-caption,.post-image-caption.collapsed{text-align:center}.post-image-caption.expanded{text-align:left!important;padding-left:var(--space-5);padding-right:var(--space-5)}.post-image img{width:100%;max-width:100%;height:auto;display:block}.post-controls{position:absolute;top:calc(var(--space-1) + 1px);right:0;z-index:var(--z-dropdown)}.post-image .post-controls{top:calc(var(--space-7) * -1 + 2px);right:0}.add-form{display:none;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--color-border-light)}.add-form.active{display:block}.form-group input#tags{width:100%;padding:8px 2px;border:none;border-bottom:1px solid var(--color-border);font-family:inherit;font-size:var(--text-base);background:transparent;transition:border-color .2s}.form-group input#tags:focus{outline:none;border-bottom-color:var(--color-primary)}.form-group input#tags::placeholder{color:var(--color-text-muted);font-style:italic}.date-label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.tag-suggestions{display:none;flex-wrap:wrap;gap:calc(var(--space-2) - 2px);margin-top:var(--space-2)}.tag-suggestions.active{display:flex}.tag-suggestion{padding:var(--space-1) var(--space-2);background:var(--color-background);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-base)}.tag-suggestion:hover{background:var(--color-border-light)}.form-actions{display:flex;gap:calc(var(--space-4) - 1px);margin-top:calc(var(--space-4) - 1px)}.btn-submit{padding:0;background:none;color:var(--color-text-primary);border:none;font-size:var(--text-base);cursor:pointer;font-family:inherit;text-decoration:underline}.btn-submit:hover{color:var(--color-primary)}.btn-cancel{padding:0;background:none;color:var(--color-text-muted);border:none;font-size:var(--text-base);cursor:pointer;font-family:inherit}.btn-cancel:hover{text-decoration:underline}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-5);text-align:center;cursor:pointer;transition:all var(--transition-base);min-height:100px;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--color-primary);background:var(--color-background-hover)}.drop-zone-text{color:var(--color-text-muted);font-size:calc(var(--text-sm) + 1px)}.image-preview{position:relative;margin-top:calc(var(--space-3) - 2px)}.image-preview img{max-width:200px;max-height:150px;border-radius:var(--radius-sm)}.remove-image-btn{position:absolute;top:calc(var(--space-2) * -1);right:calc(var(--space-2) * -1);background:var(--color-background-white);border:1px solid var(--color-border);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-xl);line-height:1;padding:2px 6px;opacity:.7;transition:opacity var(--transition-base)}.remove-image-btn:hover{opacity:1}.all-posts-header{margin-top:var(--space-5);margin-bottom:var(--space-3);cursor:pointer;user-select:none;color:var(--color-text-primary);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-2)}.all-posts-header:hover{text-decoration:underline}.expand-arrow{font-size:var(--text-sm);transition:transform var(--transition-base);display:inline-block}.expand-arrow.expanded{transform:rotate(90deg)}.all-posts-list{display:none}.all-posts-list.expanded{display:block}.post-menu{position:absolute;top:100%;right:0;background:var(--color-background-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:0 2px 6px #00000014;display:none;min-width:60px;margin:0;padding:0;box-sizing:border-box;overflow:hidden}.post-menu.open{display:block}.post-menu-item{display:block;width:100%;padding:calc(var(--space-2) - 2px) calc(var(--space-3) - 2px);font-size:var(--text-sm);text-align:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast);text-decoration:none;box-sizing:border-box}.post-menu-item:hover{background:var(--color-background-hover)}.post-menu-item.delete:hover{background:#fee;color:var(--color-error)}.tag-filter{text-align:left;margin:0;padding:0;box-sizing:border-box;margin-bottom:var(--space-5)}.add-controls{margin-top:0;margin-bottom:var(--space-8)}.tag-filter-list{line-height:1;margin:0;padding:0;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:calc(var(--space-2) - 2px)}.tag-filter-item{padding:calc(var(--space-2) - 2px) var(--space-3);border:1px solid var(--color-border);background:var(--color-background-white);border-radius:var(--radius-xl);font-size:calc(var(--text-sm) + 1px);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);display:inline-block;margin:0;box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.tag-filter-item.deletable{padding-right:var(--space-3)}.tag-delete-btn{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--color-background-white);border:1px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-base),background var(--transition-base);padding:0;line-height:1}.tag-filter-item:hover .tag-delete-btn{opacity:1}.tag-delete-btn:hover{background:#fee;border-color:var(--color-error);color:var(--color-error)}@media(max-width:768px){.tag-delete-btn{display:none}.blog-header{align-items:center;position:relative}.directory-controls,.directory-menu-btn,.directory-sidebar{display:none!important}.tag-filter-item.delete-pending{animation:pulse-red .5s ease;background:#fee!important;border-color:var(--color-error)!important;color:var(--color-error)!important}@keyframes pulse-red{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}}.tag-filter-item:hover{border-color:var(--color-border-dark);background:var(--color-background-hover)}.tag-filter-item.active{background:var(--color-text-primary);color:var(--color-text-inverse);border-color:var(--color-text-primary)}.add-btn{font-size:calc(var(--text-sm) + 1px);font-weight:var(--font-normal);cursor:pointer;padding:calc(var(--space-2) - 2px) var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-xl);background:var(--color-primary);color:var(--color-text-inverse);transition:all .2s ease;text-decoration:none;display:inline-block;line-height:1;margin:0;box-sizing:border-box}.add-btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);text-decoration:none}.add-btn:active{background:var(--color-primary-dark)}@media(max-width:640px){body{font-size:calc(var(--text-base) + 1px)}.container{width:100%;max-width:var(--max-width-content);padding:var(--space-5) var(--space-5)}h1{font-size:var(--text-xl)}.add-controls{margin-top:var(--space-3);margin-bottom:var(--space-4)}.add-btn{font-size:calc(var(--text-sm) + 1px);padding:calc(var(--space-2) - 2px) var(--space-3)}.add-form{padding:var(--space-3);margin-bottom:var(--space-5)}.form-group input,.form-group textarea{font-size:var(--text-lg)}.signin-input{font-size:16px!important}.drop-zone{min-height:80px}.post{margin-bottom:calc(var(--space-4) - 1px)}.post a{font-size:var(--text-base)}.post-text{padding:var(--space-5) calc(var(--space-4) - 1px)}.post-text.expanded .post-text-content{margin-left:var(--space-8);margin-right:calc(var(--space-4) - 1px);text-align:left!important}.post-text.expanded .post-text-content *{text-align:left!important}.post-text-content{font-size:var(--text-base)}.post-image{padding-left:0;padding-right:0}.post-image img{border-radius:8px}.post-controls{right:0}.post-image-caption{font-size:calc(var(--text-sm) + 1px);text-align:center}.post-image-caption.collapsed{text-align:center}.post-image-caption.expanded{text-align:left!important;padding-left:calc(var(--space-4) - 1px);padding-right:calc(var(--space-4) - 1px)}.post-image-date,.post-text-date{font-size:11px}.all-posts-header{margin-top:15px;font-size:var(--text-base)}.view-more{font-size:12px}.river-link{font-size:calc(var(--text-base) * 1.25)}.river-logo{height:24px}.signin-toggle{font-size:calc(var(--text-sm) + 1px)}}