body{background-color:#f5f5f5;margin:0;padding:0}.container{max-width:900px;margin:0 auto;padding:20px;font-family:sans-serif}nav{box-shadow:0 2px 4px #0000001a;padding:10px 20px;background-color:#fff;display:flex;justify-content:center;align-items:center}nav ul{list-style-type:none;margin:0;padding:0;display:flex;gap:20px}nav a{text-decoration:none;color:#5f6368;font-weight:500;padding:8px 15px;border-radius:20px;transition:all .3s ease;font-size:1.1em}nav a:hover{background-color:#f0f0f0;color:#1a73e8}nav a.disabled-link{pointer-events:none;opacity:.6;cursor:default;background-color:transparent;color:#5f6368}.post-form{display:flex;flex-wrap:wrap;margin-bottom:20px}.post-form textarea{flex-grow:1;width:auto;height:80px;padding:10px;border:1px solid #ccc;border-radius:4px;resize:vertical;margin-right:10px;margin-bottom:10px}.post-form select{padding:10px;border:1px solid #ccc;border-radius:4px;margin-right:10px;margin-bottom:10px}button{padding:10px 20px;border:none;border-radius:4px;background-color:#1da1f2;color:#fff;cursor:pointer;margin-left:0}.post-list{border:1px solid #ccc;border-radius:4px}.post-item{padding:20px;border-bottom:1px solid #eee}.post-text{white-space:pre-wrap}.post-footer{display:flex;justify-content:flex-start;align-items:center;margin-top:10px}.post-footer>div:not(.timestamp){margin-right:20px}.post-item:last-child{border-bottom:none}.timestamp{font-size:.8em;color:#888;text-align:right;margin-left:auto}.like-container{display:flex;align-items:center;height:35px}.like-button-wrapper{margin-right:20px}.like-container button{background:none;border:none;cursor:pointer;font-size:1.2em;padding:5px;margin-left:0}.like-container span{margin-left:5px;font-size:.9em}.like-button{padding:10px 20px;border:none;border-radius:4px;background-color:#1da1f2;color:#fff;cursor:pointer;margin-left:0;margin-bottom:0}.genre-tag{display:inline-block;padding:5px 15px;border-radius:20px;font-size:.8em;color:#333}.genre-tech{background-color:#e0f7ff}.genre-daily{background-color:#ffefff}.genre-other{background-color:#f0f0f0}.genre-filter{display:flex;gap:10px;margin-bottom:20px}.genre-filter button{background-color:#f0f0f0;border:1px solid #ccc;color:#000}.genre-filter button.active{background-color:#1a73e8;color:#000;border-color:#1a73e8}.calendar{width:300px;border:1px solid #ccc;border-radius:8px;font-family:Arial,sans-serif;overflow:hidden;box-shadow:0 2px 5px #0000001a;background-color:#fff}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f66;border-bottom:1px solid #eee}.calendar-header h2{margin:0;font-size:1.1em}.calendar-header button{background:none;border:none;font-size:1.2em;cursor:pointer;padding:5px 10px;border-radius:4px}.calendar-header button:hover{background-color:#e0e0e0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:5px}.calendar-day-header{text-align:center;font-weight:700;padding:8px 0;font-size:.9em;color:#555}.calendar-day{text-align:center;padding:8px 0;cursor:pointer;border-radius:4px;transition:background-color .2s ease;font-size:.9em;color:#333}.calendar-day:hover{background-color:#e0e0e0}.calendar-day.selected{background-color:#007bff;color:#fff;font-weight:700}.calendar-day.today{border:2px solid #007bff}.calendar-day.outside-month{color:#bbb;cursor:default}.calendar-day.outside-month:hover{background-color:transparent}.clear-date-button{display:block;width:calc(100% - 20px);margin:10px;padding:8px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1em}.clear-date-button:hover{background-color:#c82333}.logout-button{text-decoration:none;color:#5f6368;font-weight:500;padding:8px 15px;border-radius:20px;transition:all .3s ease;font-size:1.1em;background-color:transparent;border:none;cursor:pointer}.logout-button:hover{background-color:#f0f0f0;color:#dc3545}.post-page-layout,.view-only-page-layout{display:flex;gap:20px;align-items:flex-start;margin-top:20px}.post-column{flex:1;max-width:550px}.calendar-column{display:block;flex-shrink:0;width:320px}@media(max-width:768px){.post-page-layout,.view-only-page-layout{flex-direction:column;gap:0}.post-column{max-width:100%}.calendar-column{display:none}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;min-width:300px;max-width:500px;width:90%;height:350px;box-shadow:0 4px 8px #0003;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-title{margin:0;font-size:1.5em;color:#333}.modal-close-button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#888}.login-form{padding:0;box-shadow:none;margin:0 auto}.login-form{background-color:#fff;border-radius:8px;width:100%;max-width:400px;text-align:center}.login-form h2{margin-bottom:30px;color:#333;font-size:28px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:#555;font-size:14px}.form-group input[type=email],.form-group input[type=password]{width:100%;padding:12px;border:1px solid #dddddd;border-radius:4px;font-size:16px;box-sizing:border-box}.form-group input[type=email]:focus,.form-group input[type=password]:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff40}.login-button{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:18px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#0056b3}.error-message{color:#dc3545;margin-bottom:20px;font-size:14px}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#333;color:#fff;padding:15px 0;position:relative;z-index:1000}.navbar-brand a{color:#fff;text-decoration:none;font-size:1.5em;font-weight:700;padding-left:20px}.navbar-links{display:flex;align-items:center}.navbar-links a{color:#fff;text-decoration:none;margin-left:20px;font-size:1.1em}.navbar-auth span{margin-right:10px}.navbar-auth button{background-color:#5cb85c;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:1em}.navbar-auth{padding-right:20px}.navbar-auth button:hover{background-color:#4cae4c}.calendar-icon-button{background:none;border:none;color:#fff;font-size:1.5em;cursor:pointer;margin-left:20px;display:none}.calendar-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:1001}.calendar-popup .calendar{width:90%;max-width:350px;position:relative}.calendar-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5em;color:#fff;cursor:pointer;z-index:1002}@media(max-width:768px){.navbar-links a{display:none}.calendar-icon-button{display:block}.calendar-popup{display:flex}}