*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-page{background:#fff;border-radius:8px;max-width:400px;margin:100px auto;padding:2rem;box-shadow:0 2px 8px #0000001a}.auth-page h1{margin-bottom:1.5rem}.auth-page form{flex-direction:column;gap:1rem;display:flex}.auth-page input{border:1px solid #ddd;border-radius:4px;padding:.75rem;font-size:1rem}.auth-page button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.75rem;font-size:1rem}.auth-page button:disabled{opacity:.6}.auth-page .error{color:#ef4444;font-size:.875rem}.auth-page p{text-align:center;margin-top:1rem}.app-layout{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-shrink:0;width:220px;padding:1rem;overflow-y:auto}.sidebar-section{margin-bottom:1.5rem}.sidebar-section h3{text-transform:uppercase;color:#6b7280;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.sidebar-section ul{list-style:none}.sidebar-item{cursor:pointer;border-radius:4px;margin-bottom:2px;padding:6px 10px;font-size:.85rem}.sidebar-item:hover{background:#f3f4f6}.sidebar-item.active{font-weight:600}.sidebar-item.category-item{color:#92400e}.sidebar-item.category-item.active{background:#fef3c7}.sidebar-item.tag-item{color:#3730a3}.sidebar-item.tag-item.active{background:#e0e7ff}.sidebar-count{float:right;color:#9ca3af;font-size:.75rem;font-weight:400}.sidebar-empty{color:#9ca3af;padding:4px 10px;font-size:.8rem}.main-content{flex:1;max-width:800px;padding:1rem 1.5rem}.dashboard-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 0;display:flex}.dashboard-header div{align-items:center;gap:1rem;display:flex}.dashboard-header button{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:4px;padding:.5rem 1rem}.add-link-form{gap:.5rem;margin-bottom:1.5rem;display:flex}.add-link-form input{border:1px solid #ddd;border-radius:4px;flex:1;padding:.75rem;font-size:1rem}.add-link-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.75rem 1.5rem}.link-list{flex-direction:column;gap:.75rem;display:flex}.link-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #00000014}.link-card.read{opacity:.7}.link-header{gap:1rem;display:flex}.link-thumbnail{object-fit:cover;border-radius:4px;width:80px;height:60px}.link-info{flex:1}.link-title{color:#2563eb;font-weight:600;text-decoration:none;display:block}.link-title:hover{text-decoration:underline}.link-domain{color:#6b7280;font-size:.8rem}.link-description{color:#4b5563;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.25rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.link-date{color:#9ca3af;white-space:nowrap;flex-shrink:0;font-size:.75rem}.link-meta{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.status-progress{align-items:flex-start;width:100%;display:flex}.status-step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-dot{z-index:1;background:#fff;border:2px solid #d1d5db;border-radius:50%;width:10px;height:10px}.step-line{background:#e5e7eb;height:2px;position:absolute;top:4px;left:calc(50% + 5px);right:calc(5px - 50%)}.status-step:last-child .step-line{display:none}.status-step.completed .step-dot{background:#22c55e;border-color:#22c55e}.status-step.completed .step-line{background:#22c55e}.status-step.current .step-dot{background:#f59e0b;border-color:#f59e0b}.status-step.in-progress .step-dot{background:#f59e0b;border-color:#f59e0b;animation:1.5s ease-in-out infinite pulse-dot}.status-step.future .step-dot{background:#fff;border-color:#d1d5db}.step-label{color:#9ca3af;margin-top:3px;font-size:.6rem}.status-step.completed .step-label{color:#16a34a}.status-step.current .step-label,.status-step.in-progress .step-label{color:#d97706;font-weight:600}.status-failed{color:#fff;background:#ef4444;border-radius:10px;padding:2px 8px;font-size:.7rem;display:inline-block}@keyframes pulse-dot{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 5px #f59e0b00}}.link-tags-and-actions{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.link-tags{flex-wrap:wrap;gap:.5rem;display:flex}.status-badge{color:#fff;border-radius:10px;padding:2px 8px;font-size:.7rem}.tag{color:#3730a3;background:#e0e7ff;border-radius:4px;padding:3px 10px;font-size:.75rem}.category{color:#92400e;background:#fef3c7;border-radius:4px;padding:3px 10px;font-size:.75rem}.clickable{cursor:pointer}.clickable:hover{opacity:.8}.link-actions{gap:.5rem;margin-top:.25rem;display:flex}.link-actions button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:.8rem}.reprocess-btn{color:#d97706;border-color:#fde68a!important}.delete-btn{color:#ef4444;border-color:#fecaca!important}.empty-state{text-align:center;color:#9ca3af;padding:3rem}@media (width<=768px){.app-layout{flex-direction:column}.sidebar{border-bottom:1px solid #e5e7eb;border-right:none;gap:1rem;width:100%;padding:.75rem;display:flex;overflow-x:auto}.sidebar-section{flex-shrink:0;margin-bottom:0}.sidebar-section h3{margin-bottom:.25rem}.sidebar-section ul{gap:.25rem;display:flex}.sidebar-item{white-space:nowrap;padding:4px 8px;font-size:.8rem}.sidebar-count{float:none;margin-left:4px}.sidebar-empty{display:none}.main-content{padding:.75rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem 0}.dashboard-header div{flex-wrap:wrap}.add-link-form{flex-direction:column}.add-link-form button{width:100%}.link-header{flex-direction:column;gap:.5rem}.link-thumbnail{width:100%;height:120px}.link-date{white-space:normal}.auth-page{margin:2rem 1rem}}