.login-container{display:flex;justify-content:center;align-items:center;height:100vh;padding:16px}.login-card{width:100%;max-width:400px;padding:24px;border:1px solid #ccc;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.login-card h2{margin-bottom:24px;text-align:center}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{color:#d32f2f;margin-bottom:16px;padding:8px;background-color:#ffebee;border-radius:4px;font-size:14px}.submit-button{width:100%;padding:12px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer}.submit-button:hover:not(:disabled){background-color:#1565c0}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}header{display:flex;justify-content:space-between;padding:8px;background-color:silver;border-top:1px solid black;border-bottom:1px solid black;align-items:center;flex-shrink:0}header button{padding:8px;border:1px solid black;border-radius:8px;cursor:pointer;background-color:#fff}header button:hover:not(:disabled){background-color:#f0f0f0}header button:disabled{background-color:#e0e0e0;cursor:not-allowed;opacity:.6}header button.loading{opacity:.7}.header-center{display:flex;flex-direction:column;align-items:center;flex:1}header h1{font-size:1.2rem;margin:0}.offline-indicator{font-size:.8rem;color:#d32f2f;font-weight:700;margin-top:4px}.header-right{display:flex;gap:8px}.sign-out{background-color:#f44336;color:#fff}.sign-out:hover{background-color:#d32f2f}.scrollable{flex:1;overflow-y:auto}article{border-bottom:1px solid #ccc}h2,h3,h4{cursor:pointer;padding:8px;margin:0;border-bottom:1px solid black}h2{font-size:1.1rem;background-color:#d3d3d3}h3{font-size:1rem;background-color:#dcdcdc;padding-left:16px}h4{font-size:.9rem;background-color:#f5f5f5;padding-left:24px}ul{list-style:none}li{cursor:pointer;padding:8px 32px}li:hover{background-color:#f0f0f0}section.post>div{border-bottom:1px solid black}form{display:flex;flex-direction:column;gap:8px;padding:8px;border-bottom:1px solid black}.form-row{display:flex;gap:8px}.form-row>*{flex:1}form button{padding:8px;border:1px solid black;border-radius:8px;cursor:pointer;background-color:#fff}form button:hover:not(:disabled){background-color:#f0f0f0}form button:disabled{background-color:#e0e0e0;cursor:not-allowed;opacity:.6}select{padding:8px;border:1px solid black;border-radius:8px}.search-error{padding:8px;color:#d32f2f;background-color:#ffebee;border-radius:4px;margin:8px}.search-loading{display:flex;justify-content:center;align-items:center;padding:32px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px}.grid-item{border:1px solid black;background:#f9f9f9;width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;cursor:pointer}.grid-item:hover{border-color:#1976d2}.grid-item>img{width:100%;height:100%;object-fit:cover;border-radius:8px}.grid-placeholder{width:100%;height:100%;background-color:#e0e0e0;display:flex;justify-content:center;align-items:center;color:#999;font-size:.9rem}.grid-loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:.8rem;color:#666}.image-modal{border:none;width:100vw;height:100vh;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff36;padding:0;margin:0}.image-modal::backdrop{background-color:#00000080}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;aspect-ratio:1 / 1;background-color:silver;border:1px solid black;display:flex;justify-content:center;align-items:center}.modal-content>img{max-width:90%;max-height:90%;object-fit:contain}.modal-loading,.modal-error{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;text-align:center}.modal-error{color:#d32f2f}.main-app{display:flex;flex-direction:column;height:100vh}main{display:flex;flex-direction:column;flex:1;min-height:0;padding:0;overflow:hidden}section.activity{display:none}section.activity.active{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden;border-bottom:1px solid black}section.activity.active>section{display:flex;flex-direction:column;overflow:hidden;flex:1}section.activity:not(.active)>section{display:none}section.activity h2{font-size:1.1rem;background-color:#d3d3d3;cursor:pointer;padding:8px;margin:0;border-bottom:1px solid black}section.activity h2:hover{background-color:#d0d0d0}.loading{display:flex;justify-content:center;align-items:center;height:100vh}.loading p{font-size:1.2rem}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100vh;font-family:sans-serif}#root{display:flex;flex-direction:column;height:100vh}