*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6;margin:0;padding:0;min-height:100vh;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:15px}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e9ecef;min-height:60px;background:#fff}.header-left{display:flex;align-items:center;gap:15px}.back-link{padding:8px 12px;font-size:.9rem}.hamburger-menu{font-size:20px;cursor:pointer;border:none;background:transparent;padding:6px;border-radius:8px;line-height:1}.page-title{font-size:18px;font-weight:500;color:#2c3e50}.profile-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;border:none;border-radius:50%;background-color:#f8f9fa;padding:0}.profile-icon img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-initial{font-size:18px;font-weight:600;color:#2c3e50}.processing-pulse{margin-left:5px;animation:pulse 2s ease-in-out infinite;opacity:.8}@keyframes pulse{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:.4;transform:scale(.8)}}@media (prefers-reduced-motion: reduce){.processing-pulse{animation:none;opacity:.7}}.header h1{color:#2c3e50;font-size:1.4rem}.user-info{display:flex;align-items:center;gap:15px}.user-email{background:#e8f4fd;padding:8px 12px;border-radius:6px;font-size:.9rem;color:#1565c0}.btn-primary{background:#3498db;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s;text-decoration:none;display:inline-block}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s;text-decoration:none;display:inline-block}.btn-secondary:hover{background:#7f8c8d}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.recording-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer;transition:background-color .2s}.recording-item:hover{background:#e9ecef}.recording-name{font-size:1.1rem;font-weight:600;margin-bottom:5px}.recording-date{color:#666;font-size:.9rem;margin-bottom:5px}.recording-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:uppercase}.status-completed{background:#d4edda;color:#155724}.status-processing{background:#ffeaa7;color:#d68910}.status-failed{background:#f8d7da;color:#721c24}.loading{display:flex;justify-content:center;align-items:center;padding:40px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.organized-item{background:#f8f9fa;border-left:4px solid #3498db;padding:15px;margin-bottom:15px;border-radius:4px}.item-type{background:#3498db;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:uppercase;display:inline-block;margin-bottom:8px}.item-text{margin-bottom:8px}.item-tags{display:flex;gap:5px;flex-wrap:wrap}.tag{background:#e8f4fd;color:#1565c0;padding:2px 6px;border-radius:4px;font-size:.8rem}@media (max-width: 768px){.container{padding:10px}.header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px}.header-left{gap:12px}.header h1{font-size:1.2rem}.user-info{flex-wrap:wrap;gap:8px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:.9rem}.card{padding:15px;margin-bottom:15px}.recording-item{padding:10px}}@media (hover: none) and (pointer: coarse){.recording-item{padding:15px;margin-bottom:10px}.btn-primary,.btn-secondary{min-height:44px;min-width:44px}}