body{font-family:Arial,Courier New,Courier,monospace}.site-header{margin-bottom:1rem}.welcome-banner{background:#c3eed9;border:1px solid #bfdbfe;border-radius:.5rem;padding:1rem;margin:1rem auto;max-width:900px;text-align:center}.welcome-title{font-size:2rem;font-weight:600;margin:0}.welcome-subtitle{color:#4b5563;font-size:.9rem;margin:.25rem 0 0}.user-profile-title{padding-top:3rem;text-align:center;font-weight:600;margin-bottom:.5rem}.user-profile-total-posts{text-align:center;margin-top:.5rem;font-size:1rem}.user-profile-link{color:#11982c;text-decoration:none;margin-left:5px}.user-profile-link:hover{text-decoration:underline}.breadcrumb-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.3);padding:12px 20px}.breadcrumb{margin:0 auto;display:flex;align-items:center;gap:8px;font-size:14px;color:#0000}.breadcrumb a{color:#1f1f1f;text-decoration:none;font-weight:500;transition:color .2s ease}.breadcrumb a:hover{color:#11982c}.breadcrumb-separator{color:#9ca3af;font-weight:400}.breadcrumb-current{color:#1f2937;font-weight:600}.journal-controls{position:relative;margin-bottom:.5rem;min-height:1.5rem;display:flex;flex-direction:column;align-items:center;width:100%}.add-post-button{position:absolute;right:4rem;top:0;margin-right:150px;padding:.5rem 1rem;background:#11982c;border:none;color:white;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .2s ease}.add-post-button:hover{background:#0e7a22}.modal-close{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;z-index:1;font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close:hover{background-color:rgba(0,0,0,.1)}dialog{padding:0;border:none;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.2);max-width:90vw;max-height:90vh;overflow:auto}dialog::-webkit-backdrop{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog::backdrop{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;padding:0}.search-bar-input{width:40vw;max-width:500px;min-width:280px;margin:2rem 0 20px;padding:12px;border:1px solid #ccc;border-radius:8px;display:block;font-size:1rem;transition:border-color .2s ease}.search-bar-input:focus{border-color:#11982c;outline:none;box-shadow:0 0 0 2px rgba(17,152,44,.2)}.post-list{list-style-type:none;padding:0;max-width:700px;margin:2rem auto 0}.post-item{background:#eaf7ef;border-radius:10px;padding:1.2rem 1.5rem 1rem;margin-bottom:1.2rem;border:1px solid #e0e0f0;position:relative}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.post-item:not(:last-child):after{content:"";display:block;height:1px;opacity:.4;margin:1.2rem -1.5rem 0}.post-item h2{margin:0 0 .3rem;color:black;font-size:1.25rem}.post-item p{margin:0 0 .5rem;color:#333}.post-item small{font-size:.95rem}.pagination-nav{background:#4ed687;border:1px solid #4ed687;color:black;border-radius:4px;padding:.4rem .9rem;font-size:1rem;cursor:pointer}.pagination-nav:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;gap:.5rem;justify-content:center;margin:1.5rem 0 2.5rem}.pagination button{border:1px solid #4ed687;border-radius:4px;padding:.4rem .9rem;font-size:1rem;cursor:pointer;background-color:#11982c}.pagination button.active{background-color:#48e668;color:black}.pagination button:hover{color:black}@media (max-width:1024px){.add-post-button{right:2rem;margin-right:50px}.welcome-banner{margin:.5rem 1rem;max-width:calc(100% - 2rem)}.search-bar-input{width:60vw}.journal-controls{padding:0 1rem}}@media (max-width:768px){.post-list{margin:1rem auto 0;padding:0 1rem;max-width:100%}.post-item{padding:1rem 1rem .9rem;border-radius:8px}.post-header{gap:.5rem;align-items:flex-start;flex-direction:column}.pagination{gap:.4rem;margin:1rem 0 2rem;flex-wrap:wrap}.pagination button,.pagination-nav{padding:.45rem .8rem;min-width:44px}.journal-controls{position:relative;padding:0 1rem;margin-bottom:1rem}.add-post-button{position:static;right:auto;margin-right:0;margin-bottom:1rem;width:100%;padding:.75rem;font-size:1.1rem}.search-bar-input{width:calc(100% - 2rem);margin:1rem 1rem 1.5rem;padding:14px}.welcome-banner{margin:.5rem;padding:1.5rem 1rem}.welcome-title{font-size:1.75rem}.welcome-subtitle{font-size:.85rem}.breadcrumb-nav{padding:8px 16px}.breadcrumb{font-size:13px;gap:6px}.user-profile-title{padding-top:2rem;font-size:1.5rem}dialog{max-width:95vw;max-height:95vh;margin:auto}.modal-close{top:3px;right:3px;width:28px;height:28px;font-size:1rem}}@media (max-width:480px){.welcome-title{font-size:1.5rem}.welcome-subtitle{font-size:.8rem}.search-bar-input{padding:12px}.add-post-button{padding:.7rem;font-size:1rem}.post-item{padding:.875rem;margin-bottom:1rem}.post-item h2{font-size:1.1rem}.pagination button,.pagination-nav{padding:.4rem .7rem;font-size:.9rem}dialog{max-width:98vw;border-radius:8px}.post-item h2{font-size:1.1rem}.post-item p,.post-item small{font-size:.95rem}.pagination button,.pagination-nav{padding:.5rem .7rem;font-size:.95rem}}