*{box-sizing:border-box}html{height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}router-outlet+*{display:block;padding-top:10px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;color:#1a1a1a}.form-container{max-width:400px;margin:80px auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014}.form-container h2{margin-bottom:1.5rem;text-align:center}input{width:100%;padding:.75rem .9rem;margin-bottom:1rem;border:1px solid #dcdcdc;border-radius:8px;font-size:.95rem;transition:border .2s,box-shadow .2s}input:focus{outline:none;border-color:#3f51b5;box-shadow:0 0 0 3px #3f51b526}button{width:100%;padding:.75rem;border:none;border-radius:8px;background:#3f51b5;color:#fff;font-weight:600;cursor:pointer;transition:background .2s,transform .05s}button:hover{background:#32408f}button:active{transform:scale(.98)}button:disabled{background:#9fa8da;cursor:not-allowed}button.secondary{background:#fff;color:#333;border:1px solid #dcdcdc}button.secondary:hover{background:#f1f1f1}.divider{text-align:center;margin:1.5rem 0;color:#999;font-size:.85rem}.error{color:#d93025;font-size:.85rem;margin-top:.5rem;text-align:center}@media(max-width:480px){.form-container{margin:40px 16px;padding:1.5rem}}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px}.google-icon{display:flex;align-items:center}.home-container{max-width:700px;margin:40px auto;padding:0 16px}.title{text-align:center;margin-bottom:24px}.feed{display:flex;flex-direction:column;gap:20px}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #00000014}.card img{width:100%;height:220px;object-fit:cover;display:block}.card p{padding:12px 14px;margin:0;font-size:.95rem;color:#333;line-height:1.4}.loading{text-align:center;color:#777;padding:20px}.navbar{position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2)}.navbar-content{max-width:900px;margin:0 auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Dancing Script,cursive;font-size:1.5rem;font-weight:1.2rem;cursor:pointer;color:#fff}.actions{display:flex;align-items:center;gap:12px}.user-email{font-size:.85rem;color:#555}.logout-btn,.login-btn{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:.85rem}.logout-btn{background:#eee}.login-btn{background:#3f51b5;color:#fff}