.message-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:#666}.message-id{font-family:monospace;background:#f5f5f5;padding:2px 6px;border-radius:4px}.message-date{color:#888}.message-content{white-space:pre-wrap;word-break:break-word;line-height:1.5;color:#333}.message-media{margin-top:8px}.media-badge{display:inline-flex;align-items:center;gap:6px;background:#f0f0f0;padding:4px 10px;border-radius:16px;font-size:13px;color:#555}.media-badge.clickable{cursor:pointer;transition:background .2s}.media-badge.clickable:hover{background:#e0e0e0}.media-icon{font-size:14px}.media-type{font-weight:500;text-transform:capitalize}.media-action{color:#08c;font-size:12px}.media-name{color:#888;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-size,.media-duration{color:#999;font-size:12px}.image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.image-preview-container{position:relative;max-width:90vw;max-height:90vh}.image-preview-container img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px}.image-loading{color:#fff;font-size:18px;padding:40px}.close-preview{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:8px;line-height:1}.close-preview:hover{color:#ccc}.link-previews{margin-top:12px;display:flex;flex-direction:column;gap:8px}.link-preview-card{display:flex;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:background .2s,border-color .2s}.link-preview-card:hover{background:#f0f1f2;border-color:#ccc;text-decoration:none}.link-preview-image{flex-shrink:0;width:120px;height:90px;overflow:hidden;background:#e0e0e0}.link-preview-image img{width:100%;height:100%;object-fit:cover}.link-preview-content{flex:1;padding:10px 12px;min-width:0;display:flex;flex-direction:column;justify-content:center}.link-preview-site{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.link-preview-title{font-size:14px;font-weight:600;color:#333;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-description{font-size:12px;color:#666;line-height:1.4;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-list{max-width:700px;margin:0 auto}.message-list-empty{text-align:center;padding:40px;color:#888}.message-list-loading{text-align:center;padding:20px;color:#666}.load-more-btn{display:block;width:100%;padding:12px;margin-top:16px;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;color:#555;transition:background .2s}.load-more-btn:hover{background:#eee}.search-bar{display:flex;gap:8px;max-width:700px;margin:0 auto 24px}.search-input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#08c}.search-btn,.clear-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.search-btn{background:#08c;color:#fff}.search-btn:hover:not(:disabled){background:#0077b3}.search-btn:disabled{background:#ccc;cursor:not-allowed}.clear-btn{background:#f0f0f0;color:#666}.clear-btn:hover{background:#e0e0e0}.sync-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:700px;margin:0 auto 24px;padding:12px 16px;background:#f8f9fa;border-radius:8px;font-size:14px}.sync-status.loading{justify-content:center;color:#888}.sync-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sync-stat{color:#666}.sync-stat strong{color:#333}.sync-warning{color:#c60}.sync-btn{padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:background .2s}.sync-btn:hover:not(:disabled){background:#218838}.sync-btn:disabled{background:#ccc;cursor:not-allowed}.sync-error{width:100%;padding:8px 12px;background:#fff3f3;color:#c00;border-radius:4px;font-size:13px}.home{min-height:100vh;background:#f5f5f5}.header{background:#08c;color:#fff;padding:16px 24px;margin-bottom:24px}.header h1{margin:0;font-size:24px;font-weight:600}.main{padding:0 24px 40px}.search-info{max-width:700px;margin:0 auto 16px;padding:8px 12px;background:#e8f4fd;border-radius:6px;color:#06a;font-size:14px}.error{max-width:700px;margin:0 auto 16px;padding:12px;background:#fff3f3;border:1px solid #ffcccc;border-radius:6px;color:#c00}.total-info{max-width:700px;margin:24px auto 0;text-align:center;color:#888;font-size:14px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333}a{color:#08c;text-decoration:none}a:hover{text-decoration:underline}