body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{min-height:100vh}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-box{background:#fff;padding:40px;border-radius:20px;width:100%;max-width:400px;box-shadow:0 20px 60px #0003}.title{text-align:center;font-size:28px;color:#667eea;margin-bottom:30px}.tabs{display:flex;margin-bottom:20px}.tabs button{flex:1;padding:12px;border:none;background:#f0f0f0;cursor:pointer;transition:all .3s}.tabs button.active{background:#667eea;color:#fff}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-form input{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px}.auth-form button{padding:14px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.auth-form button:disabled{opacity:.6}.error{color:#e74c3c;font-size:14px}.success{color:#27ae60;font-size:14px}.header{background:#fffffff2;padding:20px;display:flex;justify-content:space-between;align-items:center}.header .title{font-size:24px;margin:0}.user-info{display:flex;align-items:center;gap:15px}.logout-btn{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer}.waterfall{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.item-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.item-image{width:100%;display:block}.item-title{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.item-desc{font-size:14px;color:#666;margin-bottom:12px}.item-meta{display:flex;justify-content:space-between;font-size:12px;color:#999}.loading,.no-more{text-align:center;padding:40px;color:#fff}@media (max-width: 768px){.waterfall{grid-template-columns:1fr}.header{flex-direction:column;gap:10px}.header .title{font-size:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{width:100%;min-height:100vh}.header{background:#fffffff2;padding:20px;text-align:center;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header h1{color:#667eea;font-size:24px;font-weight:600}.header p{color:#666;font-size:14px;margin-top:8px}.waterfall-container{max-width:1400px;margin:0 auto;padding:20px}.waterfall-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;transition:transform .3s ease,box-shadow .3s ease}.waterfall-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.item-image{width:100%;display:block;object-fit:cover}.item-content{padding:16px}.item-title{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4}.item-desc{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}.item-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999}.item-author{display:flex;align-items:center;gap:6px}.avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2)}.item-likes{display:flex;align-items:center;gap:4px}.loading{text-align:center;padding:40px;color:#fff;font-size:16px}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.header h1{font-size:20px}.header p{font-size:12px}.waterfall-container{padding:10px}.item-title{font-size:14px}.item-desc{font-size:13px}}