body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background-color:#f4f4f9;color:#333}.App{text-align:center}.public-view header{background-color:#2c3e50;color:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a}.public-view header h1{margin:0;font-size:2rem}.header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.fixed-section{background-color:#1f2d3a;padding:.8rem;border-radius:8px;min-width:220px;max-width:360px}.fixed-section h2{margin:0 0 .6rem;font-size:1rem;color:#ecf0f1}.fixed-list{display:flex;flex-direction:column;gap:.5rem;max-height:220px;overflow-y:auto}.fixed-item{background-color:#2c3e50;color:#fff;border:1px solid #3a5168;padding:.5rem .6rem;border-radius:6px;text-align:left;cursor:pointer;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem}.fixed-item-content{display:inline-flex;align-items:center;gap:.5rem}.fixed-item-gif{width:44px;height:32px;border-radius:4px;overflow:hidden;background-color:#1a252f;flex:0 0 auto}.fixed-item-gif img{width:100%;height:100%;display:block;object-fit:cover}.fixed-item-placeholder{width:44px;height:32px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;background-color:#1a252f;color:#95a5a6;font-size:1rem;flex:0 0 auto}.fixed-item:hover{background-color:#3a5168}.fixed-item.is-new{border-color:#f1c40f;background-color:#3a3a1a}.fixed-item.is-updated{border-color:#1abc9c;background-color:#193b36}.fixed-empty{margin:0;font-size:.85rem;color:#bdc3c7}.public-view main{padding:1rem}.month-selector{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.month-selector h2{margin:0;font-size:1.2rem;color:#34495e}.month-selector button{background-color:#3498db;color:#fff;border:none;padding:.7rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:700;transition:background-color .2s}.month-selector button:hover{background-color:#2980b9}.announcements-list{display:flex;flex-direction:column;gap:1rem}.announcement-card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;text-align:left}.announcement-card.is-new{border-left:6px solid #f1c40f;background-color:#fffbe6}.announcement-card.is-updated{border-left:6px solid #16a085;background-color:#e8f8f5}.announcement-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.announcement-content{display:flex;align-items:center;gap:1rem}.announcement-gif{width:120px;aspect-ratio:1 / 1;flex:0 0 120px;border-radius:8px;overflow:hidden;background-color:#f0f3f5;box-shadow:inset 0 0 0 1px #0000000d}.announcement-gif img{width:100%;height:100%;display:block;object-fit:contain}.announcement-body{flex:1;display:flex;flex-direction:column;gap:.75rem}.announcement-card h3{margin-top:0;color:#2c3e50}.meta-date{font-size:.78rem;color:#7f8c8d;margin:.5rem 0 0}.new-badge{background-color:#f39c12;color:#1f2d3a;padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.new-badge.is-updated{background-color:#1abc9c;color:#0b2e26}.view-button{background-color:#27ae60;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.view-button:hover{background-color:#229954}.external-link{display:inline-block;margin-top:.4rem;color:#1d5fa7;font-weight:600;text-decoration:none}.external-link:hover{text-decoration:underline}.no-announcements{background-color:#ecf0f1;color:#7f8c8d;padding:2rem;border-radius:8px;font-size:1.1rem}.video-player-view{text-align:center}.video-player-view h2{color:#2c3e50;margin-bottom:1rem}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000;border-radius:8px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.image-container{max-width:100%}.image-container img{width:100%;height:auto;border-radius:8px;display:block}.fixed-modal h3{margin-top:0;color:#2c3e50}.fixed-gif-preview{margin:.75rem 0 1rem;border-radius:8px;overflow:hidden;background-color:#f0f3f5}.fixed-gif-preview img{width:100%;height:auto;display:block}.fixed-text{color:#34495e;line-height:1.5;margin:1rem 0;white-space:pre-wrap}.close-button{margin-top:1rem;background-color:#e74c3c;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s}.close-button:hover{background-color:#c0392b}.admin-view header{background-color:#34495e;color:#fff;padding:1rem;text-align:center}.admin-view main{padding:1rem;max-width:800px;margin:0 auto}.admin-month-selector{display:flex;justify-content:space-between;align-items:center;background-color:#ecf0f1;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.admin-month-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.publish-all-button{background-color:#8e44ad;color:#fff;border:none;padding:.7rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:700;transition:background-color .2s}.publish-all-button:hover{background-color:#7d3c98}.admin-month-selector h2{margin:0;color:#2c3e50}.admin-form{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem}.admin-form h3{margin-top:0}.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:.8rem;margin-bottom:1rem;border:1px solid #bdc3c7;border-radius:4px;box-sizing:border-box}.admin-form button[type=submit]{background-color:#2ecc71;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;margin-right:.5rem}.cancel-button{background-color:#95a5a6;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;font-size:1rem;cursor:pointer}.admin-list{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.admin-list h3{margin-top:0;border-bottom:2px solid #ecf0f1;padding-bottom:.5rem}.admin-list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #ecf0f1}.admin-list-item:last-child{border-bottom:none}.admin-list-item strong{color:#2c3e50}.admin-list-item em{color:#7f8c8d;font-size:.9rem}.admin-actions button{margin-left:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.admin-actions button:first-child{background-color:#3498db;color:#fff}.admin-actions .delete-button{background-color:#e74c3c;color:#fff}.admin-fixed{margin-top:2rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 15px #0003;text-align:center;max-width:400px;animation:slideIn .3s ease-out}.modal-content p{margin:0 0 1.5rem;font-size:1.1rem;color:#2c3e50}.modal-content button{background-color:#3498db;color:#fff;border:none;padding:.7rem 1.5rem;border-radius:5px;cursor:pointer;font-size:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f4f9}.login-form{background:#fff;padding:2.5rem;border-radius:10px;box-shadow:0 5px 15px #0000001a;width:100%;max-width:400px;text-align:center}.login-form h1{margin-bottom:1.5rem;color:#2c3e50}.login-form input{width:100%;padding:.8rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.login-form button{width:100%;padding:.8rem;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s}.login-form button:hover:not(:disabled){background-color:#2980b9}.login-form button:disabled{background-color:#bdc3c7;cursor:not-allowed}.login-error{color:#e74c3c;margin-bottom:1rem;font-size:.9rem}.switch-view-button{background-color:#2ecc71;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:700;transition:background-color .2s}.switch-view-button:hover{background-color:#27ae60}.admin-banner{background-color:#3498db;color:#fff;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.admin-banner button{background-color:#2c3e50;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem}.admin-banner button:hover{background-color:#1a252f}.logout-button{background-color:#c0392b;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:700;margin-left:.5rem}.logout-button:hover{background-color:#a93226}.admin-header-buttons{display:flex;gap:.5rem}.admin-view header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}@media (max-width: 700px){.announcement-content{flex-direction:column;align-items:stretch}.announcement-gif{width:100%;height:auto}}